jq给标签动态添加id_jQuery自定义添加或删除标签获取ID代码

js代码

$(function(){

$(".show-labelitem").on("click",function(){

$(this).hide();

$(".hide-labelitem").show();

$("#labelItem").show();

});

$(".hide-labelitem").on("click",function(){

$(this).hide();

$(".show-labelitem").show();

$("#labelItem").hide();

});

$(".label-item").on("click","li",function(){

var id = $(this).attr("data");

var text = $(this).children("span").html();

var labelHTML = "

x "+text+"";

if($(this).hasClass("selected")){

return false;

}else if($(".label-selected").children("li").length >= 8){

layer.msg("最多可以选择8个哦");

return false;

}

$(".label-selected").append(labelHTML);

val = '';

for(var i = 0; i < $(".label-selected").children("li").length; i++){

val += $(".label-selected").children("li").eq(i).attr("data")+',';

}

$("input[name='label']").val(val);

$(this).addClass("selected");

});

var val = "";

$(".label-selected").on("click","li",function(){

var id = $(this).attr("data");

val = '';

$(this).remove();

for(var i = 0; i < $(".label-selected").children("li").length; i++){

val += $(".label-selected").children("li").eq(i).attr("data")+',';

}

$("input[name='label']").val(val);

$(".label-item").find("li[data='"+id+"']").removeClass("selected");

});

//点击更换标签

var limit = 0;

$(".replacelable").on("click",function(){

layer.load(1);

limit += 32;

$.ajax({

url:window.location.href,

type:"post",

datatype:"json",

data:{

labellimit:limit

},

success:function(data){

layer.closeAll('loading');

$(".label-item").find("li").remove();

var html = '';

for(var i in data){

html += "

x "+data[i].name+"";//拼接标签

}

$(".label-item").append(html);//追加至文档

},

error:function(){

layer.closeAll('loading');

layer.msg("错误~~~");

}

})

})

//获取标签

$("#cell").on("click",function(){

if($("input[name='label']").val() == ""){

return false;

}else{

layer.msg("标签内容为："+$("input[name='label']").val());

}

})

})