$("#btnAdd").click(function(){
$("").appendTo("#addTagDiv").html($("#textAdd").val()).addClass("spanTag").click(function(){
//这里面的this就是当前这个span的dom元素
//$(this)就是当前span的jquery对象,你可以对他们进行任何操作
//比如现在我就移除当前这个span
$(this).remove();
})
});
//最后整个代码的意思就是一个ID为btnAdd的元素单击时则追加一个span元素到ID为addTagDiv的元素内,该span的html为一个ID叫textAdd元素的value属性值。然后单击任何一个新增的span元素将会把这个span移除掉
//代码没有测试,如有问题请继续追问
提供一个思路,,在你添加完成后,为其中的每个span标签绑定事件,
$("#addTagDiv").html(a+""+$("#textAdd").val()+"");
//添加完成后重新绑定事件,我写的是click,悬停貌似是mouseover
$(".spanTag").click(function(){
alert($(this).text());//$(this)就是你当前的span了
});
如果有更好的思路,欢迎补充
$(document).ready(function(){
$("#btnAdd").click(function(){
var a=$("#addTagDiv").html();
$("#addTagDiv").html(a+""+$("#textAdd").val()+"");
bindListener();
});
});
function bindListener(){
$(".spanTag").unbind().click(function(){
$(this).remove();
})
}