Jquery--模糊获取标签动态id值及内容

吾日三省贾斯汀 发表于 2021/09/09 23:02:09 2021/09/09
【摘要】 一、说明 二、实现代码 Controller层 request.setAttribute("lists",lists); HTML代码 <c:forEach items="${requestScope.lists }" var="entity" varStatus="status"> <div id='h...

一、说明

二、实现代码

Controller层

request.setAttribute("lists",lists);
 

HTML代码


  
  1. <c:forEach items="${requestScope.lists }" var="entity" varStatus="status">
  2. <div id='hello${entity.objectId }'>
  3. Hello number ${status.index+1 }!
  4. </div>
  5. </c:forEach>

<c:forEach></c:forEach>标签引用,需要导入jstl.jar架包,并在jsp界面开头,引入代码

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
 

JS代码


  
  1. var helloArray = $('div[id^=hello]'); //返回hello开头的id名称的div标签的对象数组,注意是对象
  2. var length = helloArray.length; //长度
  3. var helloId = new Array(length); //定义id数组
  4. var helloText = new Array(length); //定义id对应的内容,数组
  5. for(var i=0;i<length;i++){
  6. helloId[i] = helloArray[i].id; //获取标签对象中的id值
  7. helloText[i] = helloId.text(); //获取id对应的内容
  8. }

PS:

循环完之后得到id值数组为helloId,对应的内容数组为helloText;

其他标签同理$('p[id^=hello]')、$('span[id^=hello]')、$('li[id^=hello]')等。

文章来源: blog.csdn.net,作者:吾日三省贾斯汀,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/JustinQin/article/details/77743149

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:cloudbbs@huaweicloud.com进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。