两个迭代处理以及显示
来源:互联网 发布:mac 应用程序开发 编辑:程序博客网 时间:2024/06/08 18:12
当迭代里边套着一个迭代的时候,你想通过点击这个a标签获取第二个迭代里边的内容,可以通过如下的js来实现。此时不能通过id来获取值,因为id是唯一的,而迭代之后会有多个相同的id,只能通过class来获取。所以先找到它相应的的父元素,也就是那一行,从而通过class获取当前的这个元素。
<s:iterator value="messageList" var="mslist">
<tr>
<td>
<a href="javascript:void(0);" class="z_corGreen z_messName btn_shownews"name="lianjie" id="sh" >${mslist.theme}</a>
</td>
<td class="grtdcl">
<s:iterator value="messageGroupList" var="mglist">
<c:if test="${mslist.TMessageId == mglist.TMessage.TMessageId}">
${mglist.groups}
</c:if>
</s:iterator>
</td>
</tr>
</s:iterator>
/* 这是详情页对应的那个div*/
<div class="dkRight02 fl" >
<label id="la2"></label>
</div>
/*js实现如下*/
script type="text/javascript">
/* 点击a标签触发下边 */$("a[name='lianjie']").click(function(){
/* ele为当前获得的元素的值 */
var ele=$(this).parents("tr").find(".grtdcl").text();
/* 把当前这个元素 的值赋给它要显示的那个label标签,这种赋值方式挺常用的,希望大家能记住*/
});
</script>
- 两个迭代处理以及显示
- ssh前台同时迭代两个list
- Ognl表达式语言使用以及迭代
- 用Struts2 标签迭代显示 Map
- 用Struts2 标签迭代显示 Map
- 用Struts2 标签迭代显示 Map
- 设置显示两个ActionBar以及设置Menu显示图标
- 迭代循环文件夹的处理方法
- 跳跃(处理操作迭代-等价替代)
- Flink流处理之迭代案例
- Flink流处理之迭代任务
- Mybatis中多个集合的迭代处理
- 3.vue.js迭代处理数组
- 数据显示优化处理以及插件简介
- 求两个数的最大公约数(迭代)
- 迭代开发实践的两个关键要素
- textfield只显示小数点后两位,以及不能出现两个小数点
- python 3-4 如何进行反向迭代以及如何实现反向迭代 __reversed__ yield
- 『C语言』关于fopen函数的模式字符串
- scrapy源码分析(五)--------------execute函数分析
- 欢迎使用CSDN-markdown编辑器
- 装机步骤(二)之显卡安装和接跳线
- Mapping
- 两个迭代处理以及显示
- js与jQuery对比
- 在git中出现中文乱码的解决方案
- @SkipValidation注解
- Canvas 动态绘制简单的柱形图
- RoboWare Studio下Git仓库设置
- PAT B1016
- QTime QLCDNumber电子时钟
- DBCC