Question

我通过jquery与var显示一系列div，然后当浏览器宽度发生变化时，div会通过nth-child重新定位。

这是显示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 nth-child位置更改）：

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

所以是的，我希望能够在测试div中添加我自己的html代码，同时使用我当前的代码（请参阅我的jsfiddle），其中div改变了浏览器宽度变化的位置。

任何输入或帮助都会很棒，而且工作的jquery会更好！：）

Answer 1

您可以使用.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

Answer 2

你是说这个？

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')
};

将HTML插入div类

2 个答案: