Как вызвать событие на определённом элементе?

Question

[Semro]

Как можно вызвать событие на определённом элементе, если этот элемент не имеет id и совпадает с другими соседними? Например:

<div id="elements">	
	<div class="test"></div>
	<div class="test"></div>
	<div class="test"></div>
</div>

Answer 1

[Юрий Есин]

$("#elements > .test:nth-child(2)").click();
или

$("#elements > .test").each(function (i, e) {
  if (i == 1) {
    $(e).click();
  }
});

или

var tests = $("#elements > .test");

for (var i = 0; i < tests.length; i++) {
  if (i == 1) {
    $(tests[i]).click();
    break;
  }
});

Comments

[Semro]

Без jquery не обойтись?

[Юрий Есин]

Semro: Без jQuery

function eventFire(el, etype){
  if (el.fireEvent) {
    el.fireEvent('on' + etype);
  } else {
    var evObj = document.createEvent('Events');
    evObj.initEvent(etype, true, false);
    el.dispatchEvent(evObj);
  }
}

var parent = document.getElementById("elements");
var childs = parent.getElementsByTagName('div');

for (var i = 0; i < childs.length; i++) {
  if (i = 1) {
    eventFire(childs[i], 'click');
    break;
  }
}

[LemaroWeb]

document.querySelector('#elements > .test:nth-child(2)').addEventListener('click', function(){
'Ваша функция';
})