same data-attributes for different element (html5 and jquery)

Question

Is it possible to have two elements with the same data-attributes?

HTML

<div id="cerchi" class="container">

       <div class="row">

          <div class="col_6 clearleft">
             <div class="blu" data-link="nadir.php">
                <p>1</p>
             </div>
          </div>

          <div class="col_6 omega">
             <div class="arancione" data-link="sole.php">
                <p>2</p>
             </div>
          </div>

       </div>
</div>

JS

$("#cerchi .col_6 > div").click(function(){
   alert($("#cerchi .col_6 > div").data("link"));           
});

If yes, why if I click on the second "div" the alert gives the result "nadir.php"? instead of "sole.php"? do i something wrong?

Thanks in advance

Your JS has two results, you are only alerting the first. try a .each() loop and you'll see. — Diodeus - James MacFarlane
– Diodeus - James MacFarlane, Commented Feb 11, 2013 at 21:55
You have a logic issue with your selector. Think about what that selector does for a moment, forgetting the fact that it is inside a click event handler(because that doesn't matter). — user400654
– user400654, Commented Feb 11, 2013 at 21:55

Brian Hoover · Accepted Answer · 2013-02-11 21:55:33Z

3

Because it's looking for the first match. Change

$("#cerchi .col_6 > div").click(function(){
   alert($("#cerchi .col_6 > div").data("link"));           
});

to

$("#cerchi .col_6 > div").click(function(){
   alert($(this).data("link"));           
});

answered Feb 11, 2013 at 21:55

Brian Hoover

7,9652 gold badges31 silver badges41 bronze badges

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

2 Comments

Andrea Over a year ago

It works! Thank you so much! especially for the speed at this time! I have yet to practice with jquery, i'm sorry :)

Brian Hoover Over a year ago

@Andrea - Everyone starts somewhere and this is one of those things that isn't necessarily obvious.

Collectives™ on Stack Overflow

same data-attributes for different element (html5 and jquery)

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related