javascript - 单击 LI 时单击链接

Question

好的，我有我使用的这个列表布局，我希望列表行在悬停时突出显示。现在，这真的不是问题，因为我可以使用 javascript 来更改类，但我希望光标在悬停和单击时变为指针，我想点击其中的链接。

示例代码可以在这里找到:

http://sandman.net/test/hover_links.html

我还想仅在 LI 中包含符合条件的链接时才突出显示该 LI。最好使用 jQuery...有什么想法吗？

--

我已经编辑了代码以合并下面的建议，问题是当我单击 LI 中的其他项目时会触发 click() 操作...

--

好的，现在我已经编辑了代码。我已经在点击时应该遵循的链接中添加了一个类，然后在没有此类的链接上添加了一个 event.stopPropagation()，因此浏览器会相应地处理它们。

再次感谢!

Answer 1

jQuery('li:has(a)')
    .css('cursor', 'pointer')
    .hover(function(){
        jQuery(this).addClass('highlight');
    }, function(){
        jQuery(this).removeClass('highlight');
    })
    .click(function(e){
        if (e.target === this) {
            window.location = jQuery('a', this).attr('href');
        }
    });