一个简单的。click()在Javascript中不工作

您需要按特定的顺序触发一些事件。在javascript中,您可以使用:

var targetNode = document.querySelector('.GriddyLayout > div:nth-child(1)');

triggerMouseEvent(targetNode, "mousedown");
triggerMouseEvent(targetNode, "mouseup");
triggerMouseEvent(targetNode, "click");

function triggerMouseEvent(node, eventType) {
  var clickEvent = document.createEvent('MouseEvents');
  clickEvent.initEvent(eventType, true, true);
  node.dispatchEvent(clickEvent);
}

您可以通过使用普通JavaScript来实现这一点。

var divs = document.getElementsByClassName("GriddyLayout");
 for(var i = 0; i < divs.length; i++){
  divs[i].addEventListener('click', function() {
  console.log('clicked' +"  "+this.innerHTML);
});
}

function callClickEvents() {
for(var i = 0; i < divs.length; i++){
  divs[i].click();
}
}

setTimeout(function(){ callClickEvents() }, 100);

// click nth element i.e 3rd (2+1)
divs[2].click(); 
console.log("Now click all divs");

<div class="GriddyLayout">hello 1</div>
<div class="GriddyLayout">hello 2</div>
<div class="GriddyLayout">hello 3</div>
<div class="GriddyLayout">hello 4</div>
                 .
<div class="GriddyLayout">hello n</div>

尝试以下操作: document.querySelector('.GriddyLayout > div:nth-child(1)').addEventListener('click', function() { console.log('clicked') })

将选择器更改为 .GriddyLayout > div.SelectableTile:nth-child(1) . 您没有使用jQuery。

使用javascript

document.querySelector('.GriddyLayout > div.SelectableTile:nth-child(1)').addEventListener('click', function() {console.log('clicked');} );

使用jQuery

jQuery('.GriddyLayout > div.SelectableTile:nth-child(1)').click(function() { console.log('clicked');});