如何点击<li>的自包含<a>？

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有一堆填充和背景,不能放在A)

Answer 1

您的来电.click()只触发绑定任何a的click事件.我想你想要的是这样的:

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