jquery - 如果直接单击文本，可单击的 Jquery Div 返回“未定义”

Question

提前感谢您的帮助。我正在使用以下代码使整个 li “可点击”。问题是，如果您单击链接本身以外的任何实际文本（红色、蓝色和绿色统计信息），它会返回“未定义”。在此处查看实时链接：http://174.122.31.60/.

$(".available-properties li").click(function(){
 window.location=$(this).find("a").attr("href");
 return false;

});

Answer 1

试试这个代码：

$(".available-properties li").click(function(){
 window.location=$(this).parent().parent().find("a").attr("href");
 return false;
});

例子

Answer 2

这将起作用。使用 > click 功能将仅适用于父级而不是子级 ul 中的 li。

$(".available-properties > li").click(function(){
    window.location=$(this).find("a").attr("href");
    return false;
});​

Answer 3

只需更改此：

$(".available-properties li").click

对此：

$(".available-properties > li").click

这样，您只选择 available-properties UL 元素的子 LI。

Answer 4

如果您不过滤掉“a”，您将获得竞争条件：

    $('.available-properties li').click(
        function(e) {
            if(!($(e.target).is('a'))) {
                window.location = $(this).children("a:first").attr("href");
            }
        }
    );