Apply css to all ids using jquery

Question

all

I want to show hide some ids using jQuery. My html code is

<table>
<tr id="incomplete"></tr>
<tr id="complete"></tr>
<tr id="incomplete"></tr>
<tr id="incomplete"></tr>
<tr id="complete"></tr>
</table>

and jquery code is

<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>

But it works for only on id (first id which it finds) Why?

JaredMcAteer · Accepted Answer · 2012-03-15 13:49:09Z

7

IDs must be unique, what you can do is use the class attribute and change your # to a .

e.g.

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

answered Mar 15, 2012 at 13:49

JaredMcAteer

22.7k5 gold badges52 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Liam Over a year ago

yes, it should be a class if it's applied to mulitple elements

m90 · Accepted Answer · 2012-03-15 13:51:34Z

1

The concept of IDs is to only use them once (so you can refer to one single object). If you want some rules to apply to several elements use classes instead.

Select a class in jQuery by adding the ., just like in CSS:

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

See: http://www.w3schools.com/css/css_id_class.asp for example

answered Mar 15, 2012 at 13:51

m90

11.8k16 gold badges69 silver badges120 bronze badges

Collectives™ on Stack Overflow

Apply css to all ids using jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related