jQuery只适用于第一个div

Question

Click works just on first div with id plus but other divs with the same id dont work. I dont know whats the problem... I dont get what the problem is. Please help. Thanks! Here is the code... Edited:

<div id="details">
    <div id="detailHeader">
        <div id="facultyTitle">sadasdas</div>
        <div id="title">dsadasdasdas</div>
    </div>
    <div id="detailReference">
        dodaj
        <div id="refVote">
            <div class="plus" glas="41">Good</div>
            <div class="minus" glas="41">Bad</div>
        </div>
        <div id="referenceInfo">
            01:40 PM 06.09.2014. 
        </div>
    </div>
</div>
<div id="detailReference">
    dodaj
    <div id="refVote">
        <div class="plus" glas="37">Good</div>
        <div class="minus" glas="37">Bad</div>
    </div>
    <div id="referenceInfo">
        01:38 PM 06.09.2014. 
    </div>
</div>
 </div>

JavaScript

$(".plus").click( function() {
    var ref=$(this).attr("glas");
        alert(ref);
        $.ajax({
            url:"url is ok",
            success:function(){

            }
        }
    );
});

Answer 1

IDs should be unique. use same class instead of ids.Like this:

 <div class="plus" glas="37">Good</div>

and then use:

 $(".plus").click( function() {
          var ref=$(this).attr("glas");
          alert(ref);
          $.ajax({
           url:"url is ok",

            success:function(){
                   }
             }
        );