jquery在元素后面添加元素,jquery给元素添加属性的方法

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://myzitong.com/article/phjooj.html