使用jquery将css应用于所有id

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

ID必须是唯一的,您可以使用class属性并将您更改#为a.

例如

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