jquery操作ul的一些操作笔记整理(干货)

1、html标记

 <ul id="attachText">
     <li data-text="111"><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >查看附件</a>&nbsp;&nbsp;<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >删除</a></li>
     <li data-text="222"><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >查看附件</a>&nbsp;&nbsp;<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >删除</a></li>
     <li data-text="333"><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >查看附件</a>&nbsp;&nbsp;<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >删除</a></li>
 </ul>

JS

1、获取 li属性 data-text的值用 ，隔开

function GetValues()
  {
   var values = "";
   var obj = $("#attachText li");   
   if(obj.length>0)
   {
    var len = $(obj).length-1;
    $.each(obj, function (index, value)
    {
     //表示为最后一个元素
     if (index == len) {
      values += $(value).attr("data-text");
     }
     else {
      values += $(value).attr("data-text") + ",";
     }
    })
   }
   console.log(values);
  }

输出结果;111,222,333

2、编辑的时候初始化ul的li项

function LoadAttach()
  {
   $("#attachText").html("");//先清空
   
   var data="111,222,333";
   var arr = data.split(',');
   $.each(arr, function (index, value) {  
     $("#attachText").prepend("<li data-value=\"" + $.parseJSON(data).data + "\"><a>查看附件</a>&nbsp;&nbsp;<a>删除</a></li>");     
   });
  }

以上这篇jquery操作ul的一些操作笔记整理(干货)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# jquery  # ul  # jQuery学习笔记之jQuery的DOM操作  # jQuery学习笔记之入门  # 给大家  # 希望能  # 这篇  # 小编  # 大家多多  # 清空  # data  # text  # li  # id  # attachText  # gt  # external  # nofollow  # amp  # href  # rel  # ff00ff  # strong  # html 

相关文章： 网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台？  建站之星3.0如何解决常见操作问题？  如何在阿里云ECS服务器部署织梦CMS网站？  长沙做网站要多少钱,长沙国安网络怎么样？  广州建站公司哪家好？十大优质服务商推荐  道歉网站制作流程,世纪佳缘致歉小吴事件，相亲网站身份信息伪造该如何稽查？  如何配置FTP站点权限与安全设置？  如何通过多用户协作模板快速搭建高效企业网站？  如何高效配置IIS服务器搭建网站？  建站之星ASP如何实现CMS高效搭建与安全管理？  如何用狗爹虚拟主机快速搭建网站？  C++中的Pimpl idiom是什么，有什么好处？（隐藏实现）  如何基于云服务器快速搭建个人网站？  详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  网站制作多少钱一个,建一个论坛网站大约需要多少钱？  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  北京制作网站的公司排名,北京三快科技有限公司是做什么？北京三快科技？  宝塔建站无法访问？如何排查配置与端口问题？  焦点电影公司作品,电影焦点结局是什么？  小视频制作网站有哪些,有什么看国内小视频的网站，求推荐？  做企业网站制作流程,企业网站制作基本流程有哪些？  如何在宝塔面板中修改默认建站目录？  c# Task.ConfigureAwait(true) 在什么场景下是必须的  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  如何通过主机屋免费建站教程十分钟搭建网站？  常州自助建站：操作简便模板丰富，企业个人快速搭建网站  天河区网站制作公司,广州天河区如何办理身份证？需要什么资料有预约的网站吗？  如何访问已购建站主机并解决登录问题？  大连网站制作公司哪家好一点,大连买房网站哪个好？  如何通过PHP快速构建高效问答网站功能？  高端智能建站公司优选：品牌定制与SEO优化一站式服务  如何在服务器上三步完成建站并提升流量？  表情包在线制作网站免费,表情包怎么弄？  网站制作大概多少钱一个,做一个平台网站大概多少钱？  怎么用手机制作网站链接,dw怎么把手机适应页面变成网页？  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  招贴海报怎么做,什么是海报招贴？  建站之星体验版：智能建站系统+响应式设计，多端适配快速建站  如何选择香港主机高效搭建外贸独立站？  网站制作培训多少钱一个月,网站优化seo培训课程有哪些？  b2c电商网站制作流程,b2c水平综合的电商平台？  建站之星手机一键生成：多端自适应+小程序开发快速建站指南  ,网站推广常用方法？  如何挑选高效建站主机与优质域名？  如何通过远程VPS快速搭建个人网站？  专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  建站主机选购指南：核心配置优化与品牌推荐方案  实现点击下箭头变上箭头来回切换的两种方法【推荐】  移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？  宝塔建站教程：一键部署配置流程与SEO优化实战指南