jqueryを使用してすべてのIDにCSSを適用する

Question

すべて

jQueryを使用していくつかのIDを非表示にしたい。 なぜ私のhtmlコードは

<table> 
<tr id="incomplete"></tr> 
<tr id="complete"></tr> 
<tr id="incomplete"></tr> 
<tr id="incomplete"></tr> 
<tr id="complete"></tr> 
</table> 

あるとjQueryコードが

<script type="text/javascript"> 
      jQuery(document).ready(function() { 
          jQuery("#button-entryc").click(function() { 


          jQuery("#incomplete").css("display","none"); 
          jQuery("#complete").css("display","table-row"); 
         }); 

         jQuery("#button-entryi").click(function() { 

          jQuery("#incomplete").css("display","table-row"); 
          jQuery("#complete").css("display","none"); 
         }); 
       }); 
    </script> 

ですが、それはIDのみで（最初に見つかったID）のために働きますか？

は

Answer 1

IDs must be uniqueは、何を行うことができますすることはclass attributeを使用して変更され、あなたの#から.

例えば

<tr class="incomplete"></tr> 
$('.incomplete') 

Answer 2

IDの概念は、それらを一度だけ使用することです（したがって、単一のオブジェクトを参照することができます）。いくつかのルールをいくつかの要素に適用する場合は、代わりにクラスを使用します。

ちょうどCSSのように、.を追加することによって、jQueryのでクラスを選択します。

$('.myClass').click(function(){$(this).css('color','red');}); 

を参照してください：それはmulitple要素に適用されます場合は例えばhttp://www.w3schools.com/css/css_id_class.asp