欢迎进入广州凡科互联网科技有限公司网站
全国服务热线
4000-399-000
小程序下载安装_jquery操作ul的一些操作笔记整理
时间: 2021-01-11 14:48 浏览次数:
jquery实际操作ul的一些实际操作手记梳理(干货知识) 文章投稿:jingxian 下边网编就为大伙儿产生一篇jquery实际操作ul的一些实际操作手记梳理(干货知识)。网编感觉挺好的,如今就共
jquery操作ul的一些操作笔记整理(干货)     投稿:jingxian   下面小编就为大家带来一篇jquery操作ul的一些操作笔记整理(干货)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
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()
 $("#("");//先清空
 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的一些操作笔记整理(干货)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持凡科。




Copyright © 广州凡科互联网科技有限公司 版权所有 粤ICP备10235580号
全国服务电话:4000-399-000   传真:021-45545458
公司地址:广州市海珠区工业大道北67号凤凰创意园