jQuery 追加元素的方法如append、prepend和队列方法如push,unshift
jQuery append() 方法在被选元素(内部)的结尾插入内容。
为从江等地区用户提供了全套网页设计制作服务,及从江网站建设行业解决方案。主营业务为成都网站制作、网站建设、外贸网站建设、从江网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
jQuery prepend() 方法在被选元素(内部)的开头插入内容。
jQuery after() 方法在被选元素的开头插入内容。
jQuery before() 方法在被选元素的开头插入内容。
例如:
jquery将指定标签中的元素添加其后面
问题分析:
首先复述一下你的需求:在页面加载完毕后,将页面中#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属性完全相等。
JQuery如何向某个元素后面动态追加元素
var td = "tdol class='menuSeverList menuSeverListcontent' id='child_catalog" + (type + 1) + "'/ol/td";
$("#sever_catalog tr:eq(0) ").append(td);
分享标题:jquery在元素后面添加元素,jquery给元素添加属性的方法
文章链接:http://scyingshan.cn/article/phjooj.html