可以从点击类从点击ID

Question

这里得到的ID，而不是类是什么我测试http://jsfiddle.net/5hhRF/

中的jsfiddle还有数1 2 1 2 ....当u单击最后一个数字是“2 “它不警惕。

我是否遗漏了这种情况下的一些代码？

我在这里再次复制相同的代码。

<span class="open-option" id="option1" >1</span> 
<span class="open-option" id="option2" >2</span> 

<span id="open-option" class="option1" >1</span> 
<span id="open-option" class="option2" >2</span>​ 

 

    $(".open-option").click(function(){      
     var myID=$(this).attr('id'); 
     alert(myID); 
    }); 

    $("#open-option").click(function(){      
     var myClass=$(this).attr('class'); 
     alert(myClass); 
    }); 


         ​

Answer 1

click事件仅绑定到第一个具有给定ID的元素。

页面中的ID必须是唯一的。

Answer 2

不能在同一ID分配给多个元素。

http://htmlhelp.com/reference/html40/attrs.html

ID属性唯一地标识文档中的一个元素。没有 两个元素可以在单个文档中具有相同的ID值。

Answer 3

根据here，元素ID必须是唯一的，恐怕。否则，你的代码根本无法工作。

Answer 4

jQueryidselector返回一个数组，但只包含DOM中的第一个元素，并带有id。因此，这里在代码中click handler is being applied to 1st DOM elements only

可以使contains selector

$("span[id*='open-option']").click(function(){      
    var myClass=$(this).attr('class'); 
    alert(myClass); 
}); 

小提琴的使用：http://jsfiddle.net/5hhRF/4/