【jquery选择器】jquery操作ul记录

更新时间:2021-08-14    来源:jquery    手机版     字体:

【www.bbyears.com--jquery】

这次文章就给大家介绍下通过jquery怎么操作ul,对此操作感兴趣的下面跟小编一起来了解下。

1、html标记

 
  • 查看附件  删除
  • 查看附件  删除
  • 查看附件  删除

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("
  • 查看附件  删除"); }); }
  • 本文来源:http://www.bbyears.com/wangyezhizuo/135919.html