jquery将指定标签中的元素添加其后面
1个回答
展开全部
问题分析:
首先复述一下你的需求:在页面加载完毕后,将页面中#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属性完全相等。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询