引用一個新的動態創建的div類

是否可以創建一個帶有類名稱的div，然後引用該div而不給它一個ID？或者必須有一個生成的ID？此外，我創建一個div的原因是因爲我試圖爲自己創建一個插件，可能會在每個位置重複此div，但是我只想引用該單個div。引用一個新的動態創建的div類

例如：

var newDiv = $("<div/>").addClass("newAdded"); 

$(parent).append(newDiv); 

$(newDiv).css("background","purple");

是類似的東西可能嗎？我知道上面的代碼不起作用，但希望這有助於說明我的想法。

來源

2013-04-22 Majo0od

該代碼確實工作 – Paulpro 2013-04-22 00:40:06

的引用將被保留：

// Create a new div and maintain a reference to it 
var div = $("<div></div>").addClass("foo"); 

// Our div is a jQuery object 
div.appendTo(parent); 

// We still have a reference 
div.text("Text added after the appending has taken place");

小提琴：http://jsfiddle.net/jonathansampson/fwHAB/

來源

2013-04-22 00:38:35 Sampson

非常感謝隊友！ – Majo0od 2013-04-22 00:55:27

@Majed我的榮幸。這是一個很好的問題 - 這些類型的東西有時會有點混亂。保持偉大的工作;） – Sampson 2013-04-22 01:01:39

嗨Sampson，我正在重溫這個，我意識到你使用了'.addClass（）'函數，而不是僅僅將類添加到div中，是有原因的嗎？謝謝！ – Majo0od 2015-08-04 12:45:29

是的，這是可能的，那是正確的做法。

newDiv已經是一個jQuery對象，所以不$(newDiv)，只是newDiv。

newDiv.css("background","purple");

來源

2013-04-22 00:36:25 xdazz

您還可以在append語句中引用新的div。

$(parent).append(newDiv).css("background","purple");

來源

2013-04-22 00:38:17 tymeJV

既然你添加新的類，你還可以通過類引用變量，如果你失去的是JavaScript變量的範圍：

$('.newAdded').css("background","purple");

來源

2013-04-22 00:40:27

引用一個新的動態創建的div類

回答

相關問題