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

2024-11-28 11:15:51
推荐回答(2个)
回答1:

1、页面初始化,定义数组:var arr = [];
2、点击"选中",获取字符串str
3、先判断str是否已包含在arr,如果不存在继续你的操作,且把str放进arr里掘橘晌面,如果已存在,则中断你的添加事件
注:在某些条件,需要对arr清空,比如在清空你那些li标判锋签的时候,应该需要清空arr
还有一种方式,就是每次点击"伍冲选中",先获取所有li标签的内容,然后放进一个数组。然后判断添加的字符串是否在生成的数组里面,不存在的话就继续添加,存在的话,就中断,这种方式不需要去关心初始化的arr是否清空的问题

回答2:

给你个我以桐镇神前的demo,原理差不多,参考一下



 
 
append 




点击添加



$(function(){
$(".add").click(function(){
var t = (Math.random()*(5-1)+1).toFixed(0);
var p = $('<旅仿p id="'+t+'">'+t+'

');
if( !$('.a').children('p[id='+t+']').length ){
$('.a').append(p);
}else{
$('.a').append(''+t+'已存在!

');
}
$(".a").scrollTop($(".a")[0].scrollHeight);
});
});