Применить css ко всем идентификаторам с помощью jquery

Question

все

Я хочу показать скрыть некоторые идентификаторы, используя jQuery. Мой 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> 

Но это работает только на ид (первый идентификатор, который он находит) Почему?

Answer 1

IDs must be unique, что вы можете сделать, это использовать class attribute и изменить ваш # к .

например

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

Answer 2

Концепция идентификаторов должна использоваться только один раз (так что вы можете обратиться к одному объекту). Если вы хотите, чтобы некоторые правила применялись к нескольким элементам, вместо них используйте классы.

Выберите класс в JQuery, добавив ., так же, как и в CSS:

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

См: http://www.w3schools.com/css/css_id_class.asp например