1. 程式人生 > >對ul 下的li標籤執行點選事件

對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());

})