これを行うには何か良いものがありますか？

Question

これを行うには何か良い方法がありますか？より少ない行で？

$('#hider').click(function(){ 
    $(".name_A").hide(); 
    $(".name_B").hide(); 
    $(".name_C").hide();   
    }); 

私は多くの名前、A、B、C、（100名）を...置くだけで50

私はjQueryの上で新たなんだボタンを非表示にしたいです。私はフィルタを試みたが、私のためにうまく動作しない。

Answer 1

あなたが使用して、複数のクラス名を分離することができ,

$('#hider').click(function(){ 
    $(".name_A, .name_B, .name_C").hide(); 
}); 

しかし、100種類のクラス名を持つ、その後、個別に名前を付けることによって、それらの50を隠し、それが正しいプログラミングのですか？ CSSでは、エレメントに複数のクラス名を割り当てることもできます。

注：関連するHTML/CSSの詳細を知らなくても、これ以上の解決策がないかどうかわかりません。

あなたは、私はより良いあなたの質問に答えるために詳細が必要なjQueryのセレクタの詳細ヘルプ
W3Schools - jQuery Selectors

Answer 2

については、以下のリンクを参照することができます。あなたのHTMLはどのように見えますか？あなたは何を隠そうとしていますか？最初の50、最後の50？平均時間で

は、ここにあなたが両方を行うことができるものである：

HTMLの例：

JavaScriptの例

<button id="hide-btn">Hide 50 names</button> 
<ul class='name-list'> 
    <li>Name 1</li> 
    <li>Name 2</li> 
    <li>Name 3</li> 
    ... 
</ul> 

：$（ '[クラス：

var $hideFirstBtn = $('#hide-first-btn'), 
     $hideLastBtn = $('#hide-last-btn'), 
     $nameList = $('.name-list'), 
     $nameListLength = $nameList.find('li').length; 

$hideFirstBtn.on('click', function() { 
    for (var i = 0; i < 50; i++) { 
     $nameList.find('li').eq(i).hide(); 
    } 
}); 

$hideLastBtn.on('click', function() { 
    for (var i = 0; i < 51; i++) { 
     $nameList.find('li').eq($nameListLength - i).hide(); 
    } 
});