對ul 下的li標籤執行點選事件
問題來源:做專案時,一般的資料都是用迴圈動態的加載出來的,結構都是一樣的,只是繫結的值不同,如何對相同的標籤做處理。
點誰就顯示誰的值:
<ul id="test">
<li class="test" >1</li>
<li class="test" >2</li>
<li class="test" >3</li>
<li class="test" >4</li>
</ul>
1、如果沒有class屬性的時候
在相同的標籤外部(隨便找一個即可,需要包裹所有的相同標籤)
(ul包裹了所有的li,on裡面的第一個引數:需要做的事件型別,第二個引數:對誰做執行這個事件的物件)
$("ul#test").on("click","li",function(){
alert($(this).text());
})
2、
<ul id="test">
<li class="test" >
<div class="div-text" style="width: 100%; height: 100%;">
<p class="projectName" >${ProjectName}</p>
<p class="stationName" >${StationName}</p>
<p class="time">${UpdateTime}</p>
<p class="ip" >${TesterIP}</p>
</div>
</li>
</ul>
$("ul#test").on("click","li",function(){
alert($(this).find("p.ip").text());
})