0

我有下面的 html 代码并想更改

内联样式

显示：块

到

显示：无

哪里类是ln-b到ln-z

<div class="filter-div ln-b" style="display: block;"></div>
<div class="filter-div ln-c" style="display: block;"></div>
<div class="filter-div ln-d" style="display: block;"></div>
<div class="filter-div ln-e" style="display: block;"></div>
<div class="filter-div ln-f" style="display: block;"></div>
<div class="filter-div ln-g" style="display: block;"></div>
<div class="filter-div ln-h" style="display: block;"></div>
<div class="filter-div ln-i" style="display: block;"></div>
<div class="filter-div ln-j" style="display: block;"></div>
<div class="filter-div ln-k" style="display: block;"></div>
<div class="filter-div ln-l" style="display: block;"></div>
<div class="filter-div ln-m" style="display: block;"></div>
<div class="filter-div ln-n" style="display: block;"></div>
<div class="filter-div ln-o" style="display: block;"></div>
<div class="filter-div ln-p" style="display: block;"></div>
<div class="filter-div ln-q" style="display: block;"></div>
<div class="filter-div ln-r" style="display: block;"></div>
<div class="filter-div ln-s" style="display: block;"></div>
<div class="filter-div ln-t" style="display: block;"></div>
<div class="filter-div ln-u" style="display: block;"></div>
<div class="filter-div ln-v" style="display: block;"></div>
<div class="filter-div ln-w" style="display: block;"></div>
<div class="filter-div ln-x" style="display: block;"></div>
<div class="filter-div ln-y" style="display: block;"></div>
<div class="filter-div ln-z" style="display: block;"></div>

有什么想法或建议吗？谢谢。

4

5 回答 5

3

我建议（假设它们按该顺序出现并且是兄弟姐妹），并且还有一个.filter-div.ln-a您不想隐藏的元素：

$('.filter-div.ln-b').nextUntil($('.ln-z').next()).addBack().css('display','none');

JS 小提琴演示。

参考：

于 2013-09-13T12:31:18.337 回答
0 
$('div[class*="ln-"]').hide();
于 2013-09-13T12:31:12.630 回答
0 
$(".filter-div").css("display","none");

或者

$('.filter-div').each(function() {
   $(this).css("display","none"); 
}
于 2013-09-13T12:32:42.697 回答
0

你可以使用：attr

$(".filter-div").attr('style', 'display:none');

演示

于 2013-09-13T12:53:44.230 回答
0

试试这个： 

$('div[class*="ln-"]').css('display','none');
于 2013-09-13T12:54:17.450 回答