jquery如何追加整個嵌套元素?

var text='ullispan class="name"姓名/spaninput class="b1" type="text" //lilispan class="sex"性別/spanselect class="b2" name="gender"option value="1"男/optionoption value="0"女/option/select/li/ul';

網(wǎng)站建設哪家好，找創(chuàng)新互聯(lián)建站！專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、微信小程序定制開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了澧縣免費建站歡迎大家使用！

$('.info').append(text);

需要注意的是插入的整段代碼不要有換行

jQuery如何追加tr到table中？

jQuery 添加新內容有以下四個方法：

append() - 在被選元素的結尾插入內容

prepend() - 在被選元素的開頭插入內容

after() - 在被選元素之后插入內容

before() - 在被選元素之前插入內容

下面實例演示：點擊按鈕則在表格數(shù)據(jù)區(qū)域增加一行

1、HTML結構

table?id?=?"test"

thead

trth列1/thth列2/thth列3/th/tr

/thead

tbody

trtd1/tdtd1/tdtd2/td/tr

trtd2/tdtd4/tdtd5/td/tr

/tbody

/table

input?type="button"?id="btn1"?value="在開頭增加"

input?type="button"?id="btn2"?value="在末尾增加"

2、jquery代碼

$(function(){

$("#btn1").click(function()?{

$("#test?tbody").prepend('trtd/tdtd/tdtd/td/tr');

});

$("#btn2").click(function()?{

$("#test?tbody").append('trtd/tdtd/tdtd/td/tr');

});

});

3、效果演示

jquery append()方法

$('#test').childNodes[$('#test').childNodes.length - 1]，此方法可向所有匹配元素的內部的尾部追加HTML內容。

特別說明:

此方法是追加內容，并不會刪除之前的內容。

html內容就是內容中可以包含html標簽，并且能夠被瀏覽器渲染。

文本內容是先將內容中的html預定義字符轉換成html字符實體，這樣html標簽就不會被渲染。

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

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

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

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

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

例如：

jQuery追加內容

1、append() ——在備選元素的內部結尾插入指定內容

2、appendTo()——方法在被選元素的內部結尾插入指定內容

這兩個方法效果都是一樣，只是內容的位置和選擇器的位置不一樣。

jquery怎么追加html內容

$(document).ready(function(){

$("#btn2").click(function(){

$("input type='text' name='ddd' id='ddd' value='Hello, Nowamagic' br").appendTo("#ccc");

});

$("#btn1").click(function(){

$("#nowamagic").append("input type='text' name='ddd' id='ddd' value='Hello, Nowamagic' br");

});

});

這里我們必須知道一點，就是 append 和 appendTo 的區(qū)別：append 單純的內容，appendTo 要把內容傳給某個元素。

這個函數(shù)的用法有很多，比如你可以按需要追加form，在區(qū)域內追加圖片等等都是可以的。

標題名稱：jquery追加,jquery追加html代碼
分享URL：http://chinadenli.net/article35/dsigipi.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、用戶體驗、品牌網(wǎng)站建設、服務器托管、網(wǎng)站排名、Google

廣告

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