Question

是否可以创建一个带有类名的div，但是然后引用该div而不给它一个ID？或者是否必须有生成的ID？另外，我创建div的原因是因为我正在尝试为自己创建一个插件，可能会在每个地方重复这个div，但是我只想引用那个div。

例如：

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

$(parent).append(newDiv);

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

这样的事情可能吗？我知道上面的代码不起作用，但希望这有助于说明我的想法。

Answer 1

是的，这是可能的，这是正确的方法。

newDiv已经是一个jQuery对象，所以不是$(newDiv)，而只是newDiv。

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

Answer 2

将保留引用：

// 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/

Answer 3

您还可以在附加语句中引用新div。

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

Answer 4

由于您添加了新类，如果丢失了该JavaScript变量的范围，您还可以按类引用该变量：

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

引用新动态创建的div类

4 个答案: