Call element by id in javascript

Question

I have a repeater and have a label with an icon inside it.

 <strong><i id="iconProperties" class="icon-caret-right"></i>&nbsp;Properties</strong>

When i click a button the icon-caret-right must be turned to icon-caret-down. i have written the code as follows:

 $('#iconProperties').removeClass('icon-caret-right').addClass('icon-caret-down');

When i use this code only the first row of the repeater is working. all other rows's icons are not changing. What is the mistake?

As in id="iconProperties". Are there multiple elements that have the exact same id in the generated HTML code that are sent to the browser? — some
– some, Commented Dec 17, 2013 at 6:07

Adil · Accepted Answer · 2013-12-17 06:04:55Z

4

ASP.net generates unique ids for html elements and only one element can have id iconProperties that you used in selector. You can use Attribute Contains Selector [name*="value"] instead of id selector to get all the matching elements.

$('[id*=iconProperties]').removeClass('icon-caret-right').addClass('icon-caret-down');

answered Dec 17, 2013 at 6:04

Adil

148k25 gold badges217 silver badges207 bronze badges

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

4 Comments

sms Over a year ago

ya. this will work. but anyone can plz explain the diff between [id*=iconProperties] and [id^=iconProperties] to understand better.

Adil Over a year ago

id* is for contains and id^ is for starts with

Wilson Over a year ago

How to find the same element using document.getelementbyid instead of $ ?

Adil Over a year ago

This will give you an idea, stackoverflow.com/questions/17452205/…

wild_nothing · Accepted Answer · 2013-12-17 06:08:50Z

3

If your ids have a similar name, you're probably after something like $('[id^=iconProperties]').removeClass('icon-caret-right').addClass('icon-caret-down');
Which will update all items beginning with id "iconProperties".

It might be worth noting that it is common practice to use unique ids.

answered Dec 17, 2013 at 6:08

wild_nothing

3,0711 gold badge40 silver badges50 bronze badges

Comments

Mr.G · Accepted Answer · 2013-12-17 06:09:56Z

1

Try this:

$('#iconProperties').find('.icon-caret-right').replaceWith('.icon-caret-down');

answered Dec 17, 2013 at 6:09

Mr.G

3,6092 gold badges19 silver badges21 bronze badges

Collectives™ on Stack Overflow

Call element by id in javascript

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related