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

使用できます: 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 に答える