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

참조 :이 대해 여러 개의 요소에 적용된 예를 들어 http://www.w3schools.com/css/css_id_class.asp이