javascript - 单击父 div 时模拟单击

Question

我正在尝试使用 jquery 触发 <a> 上的点击单击父级 div 时的标记

对于这个结构

<div id="menu_container">

                <ul id="header_links_container">


                    <li class="header_link header_link_large border_box_1">
                        <a class="header_link" href="http://amazon.com">LINK 1</a>
                    </li>

                    <li class="header_link border_box_1">
                        <a class="header_link" href="http://google.com">LINK 2</a>
                    </li>


                    <div class="tbc"></div>

                </ul>

            </div>

使用这个

$('#menu_container').on('click', 'li.header_link', function(){
    console.log($(this));
    $(this).children('a.header_link').click();  
});

产生无限量的点击。我猜是因为当我触发 <a> 上的 click() 时标签，它的父 div 也收到点击，所以它会再次执行所有操作。

当我的 anchor 的父 div 被点击时，如何模拟点击它？尝试使用 this SO post 中的答案不工作。

jsbin example

谢谢

Answer 1

您可以使用Elements click method而不是 jQuery 的。

$('#menu_container').on('click', 'li.header_link', function(){
   console.log('clicked');
   $(this).find("a.header_link").get(0).click();
});

您还应该在计算机上尝试 @Sushanth --建议。