jquery將指定標簽中的元素添加其后面

問題分析：

成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供大埔網(wǎng)站建設、大埔做網(wǎng)站、大埔網(wǎng)站設計、大埔網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、大埔企業(yè)網(wǎng)站模板建站服務，10年大埔做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡服務。

首先復述一下你的需求：在頁面加載完畢后，將頁面中#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 追加元素的方法如append、prepend和隊列方法如push,unshift

jQuery append() 方法在被選元素（內部）的結尾插入內容。

jQuery prepend() 方法在被選元素（內部）的開頭插入內容。

jQuery after() 方法在被選元素的開頭插入內容。

jQuery before() 方法在被選元素的開頭插入內容。

例如：

jquery 怎么向數(shù)組添加一個元素

jquery往數(shù)組中加元素可以通過兩種方式：

1、通過數(shù)組的push方式添加元素

2、通過數(shù)組的下標方式添加元素

示例

script

var arr=[];

arr.push('a');//第一種方式，往數(shù)組末尾添加一個字符a

arr[arr.length]='a';//第二種方式，往數(shù)組末尾添加一個字符a

/script

jquery怎樣向數(shù)組里添加一個元素？還有...

jquery往數(shù)組中加元素可以通過兩種方式：

1、通過數(shù)組的push方式添加元素

2、通過數(shù)組的下標方式添加元素

示例

script

var

arr=[];

arr.push('a');//第一種方式，往數(shù)組末尾添加一個字符a

arr[arr.length]='a';//第二種方式，往數(shù)組末尾添加一個字符a

/script

網(wǎng)站名稱：jquery追加元素,jq元素后面追加元素
網(wǎng)站網(wǎng)址：http://chinadenli.net/article15/dsgspdi.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、網(wǎng)站設計公司、響應式網(wǎng)站、企業(yè)網(wǎng)站制作、網(wǎng)頁設計公司、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)