jQuery动态选择器的小例子

发布时间:2019-09-06编辑:脚本学堂
本文介绍了一个jQuery动态选择器的例子,有需要的朋友参考下。

在使用struts2时,经常在页面中使用<s:iterator value="list"></s:iterator>,此时若需要用jquery对这标签之间的其他标签进行操作的话,会因为动态的id而找不到目标标签,通常的做法是$("#"+id),此做法大多数情况下不可行,最终还是改用js自身的方法来操作。

具体方法:
 

复制代码 代码示例:
<s:iterator value="peList"> 
   <tr class="s1" title="点击修改信息" style="height: 20px;" align="center" onmouseover="changeColor(this);" onmouseout="backColor(this);"> 
     <td width="12%"><input type="checkbox" name=personIDs" value="${personID }"/></td> 
     <td width="30%" id="${personID }" onclick="toUpdate(this.id);"> 
<s:property value="userName"/> 
     </td> 
     <td width="30%" id="${personID }"> 
           <s:property value="personName"/> 
     </td> 
     <td width="28%"> 
           <input type="button" id="${personID }" style="color: red;background-color: yellow;" onclick="toPowerSet(this,this.id);" value="${powerSet }"/> 
     </td></tr> 
</s:iterator>

如果要修改第四个<td>的内容,做法如下:
将自身对象和id传给js方法进行操作,这比jquery选择器来的可靠。
 

复制代码 代码示例:
function toPowerSet(a,id){ 
powerdao.dwrPowerSet(id,function(result){ 
    if(result != "empyt"){ 
        if(result == "admin"){ 
a.value = "管理员"; 
        } 
        if(result == "person"){ 
a.value = "操作员"; 
        } 
    } 
   });