jquery将指定标签中的元素添加其后面

 我来答
af...9@33sn.cc
2017-05-18
知道答主
回答量:69
采纳率:0%
帮助的人:13.9万
展开全部

问题分析:
首先复述一下你的需求:在页面加载完毕后,将页面中#skin下的img标签进行修改,将其alt属性的值复制一份到其title属性。并在其后面追加h4标签,h4标签的内容为alt属性的值。
解决步骤:


通过使用jQuery的each方法遍历多个img标签。

1、获取alt属性的值。
2、通过jQuery的attr方法将获取的alt属性的值赋值给title属性。
3、通过jQuery的after方法将h4标签追加到img的后面。
举例如下:
HTML代码:
<div id="skin">
    <img src="felix.jpg" alt="felix">
    <img src="felix.jpg" alt="felix">
    <img src="felix.jpg" alt="felix">
</div>

jQuery代码:
$.each($('#skin img'), function() {
    var alt = $(this).attr('alt');
    $(this).attr('title', alt).after('<h4>' + alt + '</h4>');
});

页面运行后的HTML代码:

总结:从以上代码截图可以看出,在页面运行后,img标签中多了title属性,以及后面被追加了h4标签,title属性以及h4标签的值与alt属性完全相等。

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式