Question

以下是我的参考代码：

$('#main_div').on('click','.gclass', function(){        
    $(this).css('color','#0088cc'); 
    if($(this).next().hasClass('gclass2') || $(this).next().next().hasClass('gclass3')){
        console.log('1st child or 2nd child');          
        $(this).parent().find('.gclass2,.gclass3').slideToggle();
    }   
    return false;
});

我已经创建了两个具有相同类'.gclass'的div。当我点击“.gclass”时，那么“.gclass2和.gclass3”的div就会切换。

当我点击类.gclass的一个div时，其他具有.gclass的div也会被切换，我不想这样做。

请提示。

对于CSS我尝试过：

 $(".gclass").not(this).css("color", "#6e6e6e");

但是对于 slideToggle（）可以做些什么？

Answer 1

对于slideToggle()，您可以编写自定义过滤器来过滤掉您的元素：

var that = this;
$(this).parent().find('.gclass2,.gclass3').filter(function() {
    return $(this).prev()[0] === that || $(this).prev().prev()[0] === that
}).slideToggle();

工作示例请参见此处：http://jsbin.com/IjaboNE/1/edit

如何在类和名称属性的基础上切换动态创建的div，修改？

1 个答案: