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

})

最后

以上就是独特小松鼠为你收集整理的对ul 下的li标签执行点击事件的全部内容，希望文章能够帮你解决对ul 下的li标签执行点击事件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。