问题来源：做项目时，一般的数据都是用循环动态的加载出来的，结构都是一样的，只是绑定的值不同，如何对相同的标签做处理。
点谁就显示谁的值：
<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());
})