javascript - js根据子元素id触发点击

Question

我想触发对 a 标签的点击，该标签的 div 为 id='a'。

$(document).ready(function() {
  $("#chat_list_content a:has(div[id='a'])").click();
  //$("#chat_list_content a:has(div[id='a'])").trigger("click");
  $('#chat_list_content a').click(function() {
    alert('you are here');
  })
})

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div id="chat_list_content">
  <a href="#">
    <div id="a">A</div>
  </a>
  <a href="#">
    <div id="b">B</div>
  </a>
</div>

点击应该自动发生并输出警报框。但是，代码没有任何响应。

提前致谢。

Answer 1

当您调用 $("#chat_list_content a:has(div[id='a'])").click() 时，尚未描述自定义点击处理程序。这意味着它没有做任何事情。您只需要将点击触发器移至点击函数定义下方即可:

$(document).ready(function() {
    //$("#chat_list_content a:has(div[id='a'])").trigger("click");
    $("#chat_list_content a").click(function() {
      alert("you are here");
    });

    // Make sure to add this after the click handler definition above
    $("#chat_list_content a:has(div[id='a'])").click();
});

工作沙箱:https://codesandbox.io/s/exciting-gagarin-t55er