javascript - 定位除下一个元素之外的类中的所有内容？

Question

我的整个 jQuery 代码如下所示:

$(function(){
    $(".details").hide();
    $("li").mouseenter(function(){
        $(this).css("color","blue");
    });
    $("li").mouseleave(function(){
        $(this).css("color","black");
    });
    $("li").click(function(){
        $(this).next().slideToggle();
        $(".details").not(this.next()).slideUp();
    });
});

唯一行不通的是

$(".details").not(this.next()).slideUp();

除了 li 之外，我这辈子都想不出如何在每个带有 details 类的 li 上使用 slideUp()我刚刚使用了 slideToggle()。

Answer 1

在 not() 中调用 next() 之前，将 this 包装(转换)到 jquery 选择器中。

$(".details").not($(this).next()).slideUp();