删除具有相同类的元素

时间:2015-09-10 20:35:58

标签: jquery

我有动态构建的标签。当您添加一个标签时,您会给它一个类(它等于您为标签提供的名称),相同的类会添加到标签的说明中,该说明显示在默认说明字段下方。

问题是当我删除标签时,我搜索<li>个元素并检查它们是否有某个类,如果有,则删除它们。但是自然只有tab本身被删除,但不是它的描述,尽管描述也有像tab一样的类。 这是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();

        });

2 个答案:

答案 0 :(得分:1)

尝试将$( "li" ).hasClass( $thisClass ).remove();更改为$('.'+$thisClass).remove();

答案 1 :(得分:1)

如果你有与小提琴中描述的相同的情况,那么

  1. 您需要删除课程&#39; item&#39;来自李班列表
  2. 使用hasClass
  3. 更正错误

    你会得到类似的东西

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