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并将#更改为.

e.g。

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

Answer 2

ID的概念是仅使用它们一次（因此您可以引用一个单个对象）。如果您想要将一些规则应用于多个元素，请使用类。

通过添加.在jQuery中选择一个类，就像在CSS中一样：

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

请参阅：http://www.w3schools.com/css/css_id_class.asp例如

使用jquery将css应用于所有id

2 个答案: