Question

如果元素中的第二个子元素为空，我试图在一个页面上删除多个类。我可以使用一个但不是所有类都被删除。

如果.dropwraptext为空，则应删除整个.dropwrap。

html：

      <dl class="toggle clearfix">
     <div class="dropwrap">
 <dt><span><em class="fa fa-plus"></em></span>Title 1</dt>
 <dd class="dropwraptext"><ul>Content 1</ul></dd>
      </div>  

     <div class="dropwrap">
 <dt><span><em class="fa fa-plus"></em></span>Title 2</dt>
 <dd class="dropwraptext"><ul></ul></dd>
</div>  

<div class="dropwrap">
 <dt><span><em class="fa fa-plus"></em></span>Title 3</dt>
 <dd class="dropwraptext"><ul></ul></dd>
</div>   

 <div class="dropwrap">
 <dt><span><em class="fa fa-plus"></em></span>Title 4</dt>
 <dd class="dropwraptext"><ul>content4</ul></dd>
</div>   

            </dl>

JS：

     $('.dropwraptext ul:empty').parents().eq(1).remove();

在jsfiddle中查看：http://jsfiddle.net/UNZTV/17/

您会注意到标题2应该被删除但仍然显示。任何帮助表示赞赏。

Answer 1

您只能使用eq(1)选择集合中的第二个，删除

$('.dropwraptext ul:empty').closest('.dropwrap').remove();

FIDDLE

jQuery如果第二个子项为空，则删除页面上的多个类

1 个答案: