jquery用append给标签里面加东西,但是怎么解决不能重复添加的问题了?

jquery用append给标签里面加东西,但是怎么解决不能重复添加的问题了?,第1张

1、页面初始化,定义数组:var arr = []

2、点击"选中",获取字符串str

3、先判断str是否已包含在arr,如果不存在继续你的 *** 作,且把str放进arr里面,如果已存在,则中断你的添加事件

注:在某些条件,需要对arr清空,比如在清空你那些li标签的时候,应该需要清空arr

还有一种方式,就是每次点击"选中",先获取所有li标签的内容,然后放进一个数组。然后判断添加的字符串是否在生成的数组里面,不存在的话就继续添加,存在的话,就中断,这种方式不需要去关心初始化的arr是否清空的问题

function zj(){

    var s1=document.getElementById("s1")

    var s3=document.getElementById("s3")

    for(var i=0i<s1.options.lengthi++){

  if(s1.options[i].selected){

   var e = s1.options[i]

   s3.options.add(new Option(e.text, e.value))

   s1.remove(i)

   i=i-1

  }

 }

}

//用以上写法也可。建议select中加属性 multiple(感觉用的舒服点)


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11326073.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-15
下一篇2023-05-15

发表评论

登录后才能评论

评论列表(0条)

    保存