jquery阻止append 追加多次
0
[已解决问题]
解决于 2014-10-29 11:21
<a id="shoujileibie" onclick ="requiredMent(this)" href="javascript:void(0);" data-finalurl="154">手机 </a>
<div class="barct" id="selsected">
</div>
function requiredMent(obj) {
var catName = $(obj).text();
var inputstr = "";
inputstr += '<span>已选条件：</span>';
inputstr += '<a title="取消" class="par" href="/haidian/shouji/"><em>'+catName+'</em></a>';
$("#selsected").append(inputstr);
var inputstr = "";
return false;
}
怎么让追加一次啊，每点击一次事件就追加一次。我就要追加一次就不追加了怎么实现
最佳答案
0
one() 方法为被选元素附加一个或多个事件处理程序，并规定当事件发生时运行的函数。当使用 one() 方法时，每个元素只能运行一次事件处理器函数。
<a id="shoujileibie" href="javascript:void(0);" data-finalurl="154">手机 </a>
<div class="barct" id="selsected">
</div>
$(function() {
$('#shoujileibie').one('click',function(){
var catName = $(this).text();
var inputstr = "";
inputstr += '<span>已选条件：</span>';
inputstr += '<a title="取消" class="par" href="/haidian/shouji/"><em>'+catName+'</em></a>';
$("#selsected").append(inputstr);
var inputstr = "";
return false;
});
})
奖励园豆：5
其他回答(4)
0
给你追加的span增加一个标记，再次追加时判断一下标记是否存在
0
同上 添加一个key 判断如果key存在就不添加
0
你这个 直接$("#selsected").append(inputstr); append换成html啊 $("#selsected")这个div里面没用内容何必追加呢
0
function requiredMent(obj) {
var catName = $(obj).text();
var inputstr = "";
inputstr += '<span>已选条件：</span>';
inputstr += '<a title="取消" class="par" href="/haidian/shouji/"><em>'+catName+'</em></a>';
if(".par").length=0
{
$("#selsected").append(inputstr);
}
var inputstr = "";
return false;
}