如何为jquery动态生成的p标签添加动态文本内容?

如何为jquery动态生成的p标签添加动态文本内容?,第1张

$("<p/>").appendTo("body").html("这是P标签的内容")

上面的代码的意思是在body尾部追加一个P标签,该P标签的HTML内容是 这是P标签的内容

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


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存