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

Question

所以我想知道，假设您有一个如下所示的多重选择器：

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

});

并且您想使用this关键字找到两个类的href值，如何实现呢？

因为如果继续进行以下操作，

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

.BOO li显然被排除在外。

是否有一个目标的方式this只是的.BOO1 li ，发现它是a ？

附加信息：-当然，替代方法.BOO1 li a直接选择.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")获得您的值。