將CSS應用於所有使用jQuery的ID

我想隱藏一些使用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（它發現的第一個標識）爲什麼？

來源

2012-03-15 Ajay Patel

IDs must be unique，你可以做的就是用class attribute，改變你的#到.

例如

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

來源

2012-03-15 13:49:09 JaredMcAteer

是的，它應該如果它應用到多張元素是一個類 – Liam 2012-03-15 13:51:25

OMG我是新的，所以不知道這一點，謝謝 – 2012-03-15 13:51:52

ID的概念是隻使用它們一次（所以你可以引用一個單一的對象）。如果您想要將某些規則應用於多個元素，請改爲使用類。

通過添加.，就像在CSS選擇jQuery的一類：

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

參見：http://www.w3schools.com/css/css_id_class.asp例如

來源

2012-03-15 13:51:34 m90

將CSS應用於所有使用jQuery的ID

回答

相關問題