使用jQuery获取相同类名的元素集合

2024-11-15 12:36:58
推荐回答(4个)
回答(1):

$("#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移除掉
//代码没有测试,如有问题请继续追问

回答(2):



回答(3):

提供一个思路,,在你添加完成后,为其中的每个span标签绑定事件,

$("#addTagDiv").html(a+""+$("#textAdd").val()+"");
//添加完成后重新绑定事件,我写的是click,悬停貌似是mouseover
$(".spanTag").click(function(){
alert($(this).text());//$(this)就是你当前的span了
});

如果有更好的思路,欢迎补充

回答(4):

$(document).ready(function(){
$("#btnAdd").click(function(){
var a=$("#addTagDiv").html();
$("#addTagDiv").html(a+""+$("#textAdd").val()+"");
bindListener();
});
});

function bindListener(){
$(".spanTag").unbind().click(function(){
$(this).remove();
})
}