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值输出来。

有几种方法

但都需要你指定一个节点

根据这个节点进行添加

如现有一节点Id为pr:

一,向该节点内部后方添加:

1

$("#pr").append("<img

src=''/>")

2

$("<img

src=''/>").appendTo("#pr")

二,向该节点内部前方添加:

1

$("#pr").prepend("<img

src=''/>")

2

$("<img

src=''/>").prependTo("#pr")

三,向该节点同级后方添加:

1

$("#pr").after("<img

src=''/>")

2

$("<img

src=''/>").insertAfter("#pr")

四,向该节点同级前方添加:

1

$("#pr").before("<img

src=''/>")

2

$("<img

src=''/>").insertBefore("#pr")


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

原文地址: http://outofmemory.cn/bake/11784699.html

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

发表评论

登录后才能评论

评论列表(0条)

保存