jquery - 删除相同类的元素

Question

我有动态构建的选项卡。添加选项卡时，您为其指定一个类(等于您为选项卡指定的名称)，同一类将添加到选项卡的描述中，该描述显示在默认描述字段下方。

问题是，当我删除选项卡时，我会搜索 <li>元素并检查它们是否具有特定的类，如果有，则将它们删除。但自然只有选项卡本身被删除，而不是它的描述，尽管描述也与选项卡具有相同的类。这是fiddle .

负责删除选项卡和描述的代码位于 JavaScript 部分的第 59-66 行(粘贴在下面)。

         /*********Remove a tab******/
        $( ".close" ).click( function(){

            $( this ).closest( "li" ).fadeOut( 200, function() {$( this ).remove();});
            $thisClass = $ ( this ).closest( "li" ).attr( "class" );
            alert ( $thisClass );
            $( "li" ).hasClass( $thisClass ).remove();

        });

Answer 1

如果您遇到与fiddle中描述的情况相同的情况，则

1. 您需要从 li 类列表中删除类“item”
2. 纠正 hasClass 的错误

你会得到这样的东西

        $( ".close" ).click( function(){

            $( this ).closest( "li" ).fadeOut( 200, function() {$( this ).remove();});
            $thisClass = $ ( this ).closest( "li" ).attr( "class" ).replace('item ','');
            alert ( $thisClass );
            $( "li."+$thisClass ).remove();
        });