jquery怎样获取动态增加的img标签的id

jquery怎样获取动态增加的img标签的id,第1张

1、新建一个html文件,命名为test.html。

2、在test.html文件中,在p标签内,使用span标签创建一行文字,span标签是p标签的子标签。

3、在test.html文件内,设置span元素的id为myspan,下面将使用jquery方法获得该id值。

4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获取子标签的ID值”。

5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getspanid函数。

6、在js标签中,创建getspanid()函数,在函数内,通过元素名称获得p元素对象,使用children()方法获得p标签的子标签,再通过attr()方法来获得id值。最后,使用alert()方法将id值输出来。

1、动态增加img标签时将事件触发绑定在标签上(事先写好触发方法)

如:

//动态增加标签

$("body").append("<img src='' id='jsoaeig' onclick='imgclick(this)'/>")

//绑定的方法

function imgclick(obj){

//获取标签id

$(obj).attr("id")

}

2、动态增加标签之后遍历标签绑定事件

//增加标签

$("body").append("<img src='' id='jsoaeig' class='img'/>")

//遍历标签

$("body img").each(function(index,obj){

alert($(this).attr("id"))

})


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11279917.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存