javascript - 如果第二个子元素为空，jQuery 删除页面上的多个类

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