用each()方法點擊列表彈出此列表的內容
為什么每次都是彈出最后一個列表“”canvas“”
HTML
<ul>
? ? ? ? <li>HTML</li>
? ? ? ? <li>CSS</li>
? ? ? ? <li>JavaScript</li>
? ? ? ? <li>jQuery</li>
? ? ? ? <li>canvas</li>
? ? </ul>
----------------------
JQ
?$("li").each(function(index){
?
? $("li").click(function(){
? ? var $q=$(this).text();
alert($q)
? })
})
2020-04-11
改成這樣
$("li").each(function(index){
? ? $(this).click(function(){
? ? var $q=$(this).text();
alert($q)
})
})
或者這樣
?$('li').click(function(){
? ? var $q=$(this).text();
alert($q)
})
2019-10-21
不是每次彈出最后一個li,而是你彈出5次你當前點擊的li的文本內容。
如果你想點擊每個li循環彈出jquery得的的類數組的值,要給每個li元素綁定一個時間,在事件里邊循環,而不是先循環再綁定事件。你想點擊每個li循環出你的jquery合集的每個li元素的的話,應該:
$("li").on("click",function (){
? ? $("li").each(function (key,element){
? ? ? ? alert(element.innerHTML);
? ? })
})