jquery - 查找jquery多选择器的href属性

Question

所以我想知道，假设你有一个多选择器如下：

$('.BOO li', '.FOO li a').click(function() {

});

并且您希望使用href关键字找到这两个类的this值，您是如何实现这一目标的？

因为如果你继续这样做，就像下面那样，

$('.BOO li', '.FOO li a').click(function() {
    $(this).attr("href");
   //do stuff
    });

.BOO li显然被排除在外。

有没有办法定位this的{​​{1}}并找到它.BOO1 li？

其他信息： - 当然，另一种选择是直接选择a

Answer 1

你的意思是这样吗？

$('.BOO li', '.FOO li a').click(function() {
    var href;
    if($(this).attr("href"))
        href = $(this).attr("href");
    else
        href = $(this).find("a").attr("href");
});

以上是一种更简洁但更令人困惑的方法：

$('.BOO li', '.FOO li a').click(function() {
    var href = $(this).attr("href") ? $(this).attr("href") : $(this).find("a").attr("href");
});

Answer 2

使用.each迭代每个选定的元素，并在回调函数中使用$(this).attr("href")来获取您的值。