javascript - 如何点击的自包含？

Question

这是我试过的 JS:

$('#footer').find('.browse li').click(function(e){
            $(this).find('a').click();
        });

这是有问题的 HTML:

<div id="footer" class="span-24"><div class="footer-box"><div class="footer-holder">
    <div class="browse">
        <ul>
           <li><a href="xyz">123</a></li>
           <li><a href="xyz">123</a></li>
           <li><a href="xyz">123</a></li>
           <li><a href="xyz">123</a></li>
        </ul>
    </div>
</div></div></div>

如何制作 <a>点击如果 <li>被点击了吗？

PS.这是css设计的原因(LI有一堆padding和background放不上A)

Answer 1

您对 .click() 的调用只会触发绑定(bind)到 a 的 click 事件的任何内容。我想你想要的是这样的:

$('#footer').find('.browse li').click(function(){
   window.location = $(this).find('a').attr('href');
}