javascript change css by tag index

Question

in my code i have around 11 image tags , all of them have an id of "#bigimage" i want to change the style of an image on each click on a specific button for the specific image meaning on the first click changing the #bigimage [0] second click changing the #bigimage [1] etc...

this is what i did:

<script>
//click event
$('.jssora05r').click(function() {
var abc=$('#bigimag').length;
var ind=0
$("#bigimag").index(ind).css("display", "block !important");
ind++;
});
</script>

it's not working, could someone help me?

You cannot have multiple elements with the same id. Ids are unique to a page view. You should change it to a class and use it that way. — Taplar
– Taplar, Commented May 5, 2015 at 15:49
thanks for the fast answer, by saying "and use it that way" you mean like in my example above? — user3100698
– user3100698, Commented May 5, 2015 at 15:51
Insead of <img id="bigimag"> it would be <img class="bigimag"> and then the selector would change to $('.bigimag') — Taplar
– Taplar, Commented May 5, 2015 at 15:53

Ja9ad335h · Accepted Answer · 2015-05-05 15:54:35Z

1

just declare ind out side of the click event

also you need to change that id selector to some class selector and add same class to all images

<script>
var int = 0;

//click event
$('.jssora05r').click(function() {
   // change id to some class
    var abc=$('.someclass').length;

    $(".someclass").index(ind).css("display", "block !important");
    ind++;
});

edited May 5, 2015 at 15:54

answered May 5, 2015 at 15:50

Ja9ad335h

5,0652 gold badges23 silver badges29 bronze badges

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

1 Comment

Taplar Over a year ago

$('#bigimag').length would always be 1

Collectives™ on Stack Overflow

javascript change css by tag index

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related