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

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

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

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

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

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

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

你可以给每条记录加一个唯一标识,然后在append之前通过唯扒败一表示校验,比激没如:

<li data-id="1"></li>

<li data-id="2"></li> var id = 3, html

if ($('[data-id="' + id + '"]').length === 0) {

  html = '明此纳<li data-id="' + id + '"></li>'

  $('ul').append(html)

}


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

原文地址: http://outofmemory.cn/bake/11988209.html

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

发表评论

登录后才能评论

评论列表(0条)

保存