1

我有一系列通过 jquery 显示的 div var，然后nth-child当浏览器宽度发生变化时，这些 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 窗口的大小以查看 divs nth-child 位置的变化）：

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

所以，是的，我希望能够在测试 div 中添加我自己的 html 代码，同时使其与我拥有的当前代码（请参阅我的 jsfiddle）一起工作，其中 div 在浏览器宽度更改时更改位置。

任何输入或帮助都会很棒，一个工作的 jquery 会更好！:)

4

2 回答 2

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

于 2013-02-07T01:52:55.920 回答
0

你是这个意思？

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-07T01:51:43.297 回答