`
影非弦
  • 浏览: 51987 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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 = "操作员";
	      			}
	      		}
	      });
}

 

分享到:
评论

相关推荐

    jquery 动态选择器

    本文将深入探讨“jQuery动态选择器”这一主题,结合标签中的“源码”和“工具”概念,我们将会看到jQuery如何通过其丰富的选择器功能来高效地选取和操作网页元素。 动态选择器是jQuery的核心特性之一,它允许开发者...

    jQuery颜色选择器ColorPicker

    **jQuery颜色选择器ColorPicker详解** 在Web开发中,用户界面的交互性和视觉效果往往对用户体验有着重要影响。其中,颜色选择器是一个常见的组件,它允许用户方便地选取颜色。`jQuery ColorPicker`是一个轻量级且...

    jQuery时间选择器点击选择小时分钟代码

    在网页开发中,jQuery时间选择器是一个非常实用的工具,它允许用户通过点击来选取特定的小时和分钟,为表单输入提供了便利。这个“jQuery时间选择器点击选择小时分钟代码”很可能是一个实现这一功能的代码示例或者...

    jquery周历选择器

    本项目“jquery周历选择器”利用jQuery的灵活性和易用性,构建了一个适用于混合应用程序(Hybrid App)的周历选择器组件。 1. **周历选择器设计**: - 周历选择器通常用于日程管理或时间规划应用,显示一周的日期...

    jquery 城市选择器

    《jQuery城市选择器详解》 在网页开发中,经常需要实现一种功能,即用户可以选择他们的所在省份和城市,这在注册、填写地址等场景中尤为常见。jQuery城市选择器就是解决这一需求的有效工具,它利用JavaScript和...

    jQuery基础选择器练习题

    在JavaScript的世界里,jQuery是一个非常流行和...记住,熟练掌握jQuery选择器将极大地提升你的前端开发效率,让你编写出更加简洁高效的代码。在学习过程中,不断实践和应用这些知识点,你将会成为一个jQuery的大师。

    基于jquery的H5移动端选择器,日期选择器,自定义级联选择器,自定义html选择器

    例如,在一个国家/地区选择器之后,可能会有一个相应的城市选择器,城市列表根据之前选择的国家动态加载。级联选择器提高了数据输入的效率,减少了用户输入的复杂性,同时也能够有效地管理大量数据。 自定义HTML...

    jquery日期选择器

    3. **初始化插件**:使用jQuery选择器选择该元素,然后调用日期选择器插件的初始化方法,例如`$(selector).dateInput(options);`,其中`options`是可选的配置对象。 4. **配置选项**:根据需求设置日期选择器的配置...

    jquery城市选择器

    《jQuery城市选择器详解》 在网页开发中,常常需要为用户提供便捷的城市选择功能,以满足用户在填写地址或选择服务区域时的需求。jQuery城市选择器便是为此而设计的工具,它结合了jQuery库的强大功能,实现了高效、...

    jquery双向选择器代码

    首先,理解jQuery选择器的基本概念是关键。jQuery提供了多种内置的选择器,如ID选择器(#id)、类选择器(.class)、元素选择器(element)等,它们用于定位HTML文档中的特定元素。双向选择器则在此基础上增加了更...

    JQuery选择器测试 离线版

    这个“JQuery选择器测试 离线版”是一个专门用于检验和学习jQuery选择器功能的应用,由一位国外专家创建,并进行了轻微的修改。** 在jQuery中,选择器分为多种类型,包括基础选择器、类别选择器、ID选择器、属性...

    jquery样式选择器插件源码demo

    通过阅读和理解这段源码,开发者不仅可以学习到jQuery选择器的工作原理,还能提升对CSS选择器、DOM操作以及JavaScript性能优化的理解。 总结来说,这个"jquery样式选择器插件"是一个浓缩的精华,它展示了如何用最少...

    jQuery日期选择器插件

    **jQuery日期选择器插件**是一种广泛应用于网页开发中的组件,它允许用户通过交互式的日历界面方便地选择日期。这种插件极大地提高了用户在网页上输入日期的体验,尤其适用于需要用户输入生日、预约日期或者截止日期...

    jquery 颜色选择器,使用简单

    jQuery,一个流行的JavaScript库,提供了许多插件来简化开发人员的工作,其中包括颜色选择器。本篇文章将深入探讨如何利用jQuery轻松实现颜色选择功能,以提高用户界面的交互性。 一、jQuery颜色选择器简介 jQuery...

    城市选择器jquery

    jquery 城市选择器代码

    jquery时间选择器

    "jquery时间选择器"是基于jQuery的一个组件,旨在为用户在网页上提供一个直观且易于使用的日期和时间输入界面。这个组件使得用户能够方便地通过下拉菜单或者滑动条选择日期和时间,而不是手动输入,提高了用户体验。...

    jquery颜色选择器

    4. **初始化插件**:在页面加载完成后(通常在`$(document).ready()`函数中),使用jQuery选择器找到元素并调用颜色选择器插件的初始化方法,设置相关配置,如预设颜色、回调函数等。 5. **事件监听**:你可以监听...

    jQuery选择器.rar

    这个名为"jQuery选择器.rar"的压缩包文件显然包含了关于jQuery选择器的相关学习资源,可能包括示例代码、教程文档等。这些内容可能与《锋利的jQuery第二版》这本书中的章节相匹配,该书是jQuery学习的经典参考资料之...

    jQuery时间选择器datepicker年月日时分秒选择

    其中,jQuery UI是jQuery的一个扩展库,提供了一系列可交互的用户界面组件,其中包括我们今天要讨论的"日期选择器"——jQuery UI Datepicker。这个插件允许用户方便地选择日期,甚至可以扩展到选择时间,实现年月日...

Global site tag (gtag.js) - Google Analytics