找回密码
 立即注册

QQ登录

只需一步,快速开始

热门经验分享: 护肤 减肥 化妆 美发 育儿 恋爱 理财 职场 旅行 运动 养生 购物 生活 运势 游戏 手机 电脑 小吃 美食 宠物 装修 西点
当前位置: 生活指南经验分享 > 游戏/数码 > 互联网 > 如何用jquery实现在一个标签之后添加一个标签

如何用jquery实现在一个标签之后添加一个标签

时间:2019-8-12 17:21 点击:310次
在jquery中,可以通过获得标签对象,使用after()方法在标签后面添加另一个标签。下面小编举例讲解如何用jquery实现在一个标签之后添加一个标签。

在jquery中,可以通过获得标签对象,使用after()方法在标签后面添加另一个标签。下面小编举例讲解如何用jquery实现在一个标签之后添加一个标签。

新建一个html文件,命名为test.html,用于讲解如何用jquery实现在一个标签之后添加一个标签。

在test.html文件内,使用div标签创建一行文字,下面在将在该div标签后面添加一个p标签。

在test.html文件内,设置div标签的id为mydiv,主要用于下面通过该id获得div对象。

在test.html文件内,使用button标签创建一个按钮,按钮名称为“在div标签后添加p标签”。

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

在js标签中,创建adddiv()函数,在函数内,定义一个变量html来保存需要添加的标签内容,再通过id(mydiv)获得div元素对象,使用after()方法实现在div标签后面添加p标签。

在浏览器打开test.html文件,点击按钮,查看实现的效果。

给标签设置id属性是为了指定要添加标签的位置。

https://www.izhinan.cn/article-5897-1.html以上内容就是关于【如何用jquery实现在一个标签之后添加一个标签 】的指南经验分享;您也可以通过下方的评论互动,发表您的意见和观点,让更多人通过生活指南经验分享因之受益,让生活变得更简单。


鲜花

握手

雷人

路过

鸡蛋
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
------分隔线----------------------------

最新评论

推荐内容