將HTML插入div類

我有一系列的div通過jQuery與var顯示，然後當瀏覽器寬度改變時，div通過nth-child重新定位。將HTML插入div類

這裏是顯示div的var代碼。

var theDivs={ 
"div1":$("<div />").addClass("test"), 
"div2":$("<div />").addClass("test2"), 
"div3":$("<div />").addClass("test3"), 
"div4":$("<div />").addClass("test4") 
};

所以我創建了4個div，然後添加了一系列「測試」類。這個偉大的工程，但不是僅僅增加一個div類的名字，我想能夠添加一些HTML，很像.after代碼..如：

$('.somedivclass').after('<div class="test"><a href="#"></a></div>');

這裏是我當前的代碼的完整的例子（調整HTML窗口中看到的div第n個孩子位置的變化）：

http://jsfiddle.net/EUqEm/85/

所以，是的，我希望能夠在測試的div中添加自己的HTML代碼，同時使其與工作我現在的代碼（請參閱我的jsfiddle）div在瀏覽器寬度變化時更改位置。

任何輸入或幫助將是真棒，一個工作的jquery會更好！ :)

來源

2013-02-07 Dyck

您可以使用.html()的HTML內容添加到您的div元素。

var theDivs={ 
    "div1":$("<div />").addClass("test").html('<span>RED</span>'), 
    "div2":$("<div />").addClass("test2").html('<span>BLUE</span>'), 
    "div3":$("<div />").addClass("test3").html('<span>GREEN</span>'), 
    "div4":$("<div />").addClass("test4").html('<span>PURPLE</span>') 
};

要確保調整大小後內容被刪除，可以使用.empty()。

$("#wrapper div").attr("class","inner").empty();

jsfiddle

來源

2013-02-07 01:52:55

這個工程的大部分魯本，但是當你調整HTML窗口跨度文本還停留在那裏，當它應該被刪除..如果你能得到的跨度文本，以消除瀏覽器的寬度像當前的div一樣改變，那會很棒！ – Dyck

何時應該將HTML添加到'div'元素，何時應該將其刪除？ –

好divs被刪除並重新添加不同的瀏覽器寬度（嘗試在jsfiddle中調整html窗口的大小），但是當您調整窗口大小時，div會被移除，並針對不同的瀏覽器寬度重新添加，但span文本僅保留。所以跨文本應該與添加/刪除..或「移動」方面的div對應... :) – Dyck

您的意思是？

var theDivs={ 
"div1":$("<div />").addClass("test").text('Some text'), 
"div2":$("<div />").addClass("test2").text('Some text'), 
"div3":$("<div />").addClass("test3").text('Some text'), 
"div4":$("<div />").addClass("test4").text('Some text') 
};

來源

2013-02-07 01:51:43

將HTML插入div類

回答

相關問題