Bunu yapmak için daha iyi bir şey var mı?

Question

Bunu yapmak için daha iyi bir şey var mı? Daha az satır var mı?

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

Ben bir düğme sadece 50

ben JQuery üzerinde yeniyim ile çok isim, A, B, C, (100 adları) koymak ... ve gizlemek istiyorum. Filtre denedim ama benim için iyi çalışmıyor.

Answer 1

kullanarak çoklu sınıf isimleri ayırabilirsiniz ,

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

Ama 100 farklı classnames sahip ve daha sonra bunları tek tek isimlendirerek 50 tane gizleme, doğru programlama nedir? CSS'de, bir öğeye birden çok sınıf adı atayabilirsiniz, umarım doğru şekilde yaparsınız.

Not: İlgili HTML/CSS'nin ayrıntılarını bilmeden bundan daha iyi bir çözüm olup olmadığını bilmiyorum.

jQuery Selectors
W3Schools - jQuery Selectors

Answer 2

ben sorunuz için daha cevap daha fazla ayrıntı ihtiyaç konusunda daha fazla yardım için aşağıdaki bağlantıyı başvurabilirsiniz. HTML'niz nasıl görünür? Ne 50 saklamak istiyorsun? İlk 50 mi, son 50 mi?

HTML örneği:

<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> 

JavaScript örnek:

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(); 
    } 
});