一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jquery操作ul记录

时间:2022-06-25 18:03:46 编辑:袖梨 来源:一聚教程网

这次文章就给大家介绍下通过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("
  • 查看附件  删除
  • "); }); }

    热门栏目