Question

点击仅适用于id为plus的第一个div，但其他具有相同id的div不起作用。我不知道这个问题是什么...我不知道问题是什么。请帮忙。谢谢！这是代码...... 编辑：

<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

ID应该是唯一的。使用相同的类而不是ids。就像这样：

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

然后使用：

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

            success:function(){
                   }
             }
        );

Answer 2

$(".plus").click(...)

不

$("#plus").click(...)

页面上只能有一个具有特定ID的项目。改为使用这些按钮上的类。

Answer 3

一些问题。你有不匹配的div。这最后一个div看起来就像是罪魁祸首。

<div id="details">
<div id="detailHeader">
<div id="facultyTitle">sadasdas</div>
<div id="title">dsadasdasdas</div>
</div> <--this one

您的第二个问题是您不应该在页面上有多个相同的ID。而是将其设置为带有

的类

<div class="plus"> Then reference them in jquery with 

$(".plus").click( function()

Answer 4

如果你有多个div，我必须使用class。试试.plus

jQuery只适用于第一个div

4 个答案: