我有一个dlist,如果隐藏了下一个" dd ol",我想将类添加到" dt"。
在下面的例子中,您会看到dd.dd2 ol隐藏,所以我希望上面的DT倒塌(添加一个类)
我在stackoverflow上找到了这一点:delete< dt>没有< dd>与jQuery
$('dt').filter(function(){
return !($(this).next().is('dd'));
}).remove();
并尝试了类似的东西:
$('#someID dt').filter(function(){
return ($(this).next().is('dd ol').css('display') == 'none');
}).addClass('collapsed');
html:
<dl id="someID">
<dt class="dt1">List1<span> </span></dt>
<dd class="dd1" >
<ol>
<li class="listitem1"><a href="#" title="listitem1">listitem1</a></li>
<li class="listitem2"><a href="#" title="listitem2"><span class="txt">listitem2</span></a></li>
<li class="listitem3"><a href="#" title="listitem3"><span class="icon"> </span><span class="txt">listitem3</span></a></li>
</ol>
</dd>
<dt class="dt2">List2<span> </span></dt>
<dd class="dd2" >
<ol style="display: none;">
<li class="listitem1"><a href="#" title="listitem1">listitem1</a></li>
<li class="listitem2"><a href="#" title="listitem2"><span class="txt">listitem2</span></a></li>
<li class="listitem3"><a href="#" title="listitem3"><span class="icon"> </span><span class="txt">listitem3</span></a></li>
</ol>
</dd>
<dt class="dt3">List3<span> </span></dt>
<dd class="dd3" >
<ol>
<li class="listitem1"><a href="#" title="listitem1">listitem1</a></li>
<li class="listitem2"><a href="#" title="listitem2"><span class="txt">listitem2</span></a></li>
<li class="listitem3"><a href="#" title="listitem3"><span class="icon"> </span><span class="txt">listitem3</span></a></li>
</ol>
</dd>
</dl>
但没有奏效。
最简单的方法是使用:hidden
选择器:
$('dl#someID dd ol:hidden').parent().prev('dt').addClass('collapsed');
http://jsfiddle.net/mblase75/mulnu/
在您的过滤器函数中尝试一下:
return $(this).next().is('dd').has('ol:hidden').length > 0;