jquery追加元素,jq元素后面追加元素

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属性完全相等。

相关问答

Q1: jQuery 追加元素的方法如append、prepend和队列方法如push,unshift

jQuery append() 方法在被选元素（内部）的结尾插入内容。

jQuery prepend() 方法在被选元素（内部）的开头插入内容。

jQuery after() 方法在被选元素的开头插入内容。

jQuery before() 方法在被选元素的开头插入内容。

例如：

Q2: jquery 怎么向数组添加一个元素

jquery往数组中加元素可以通过两种方式：

1、通过数组的push方式添加元素

2、通过数组的下标方式添加元素

示例

script

var arr=[];

arr.push('a');//第一种方式，往数组末尾添加一个字符a

arr[arr.length]='a';//第二种方式，往数组末尾添加一个字符a

/script

Q3: jquery怎样向数组里添加一个元素？还有...

jquery往数组中加元素可以通过两种方式：

1、通过数组的push方式添加元素

2、通过数组的下标方式添加元素

示例

script

var

arr=[];

arr.push('a');//第一种方式，往数组末尾添加一个字符a

arr[arr.length]='a';//第二种方式，往数组末尾添加一个字符a

/script