Jquery 在div类中插入HTML

我通过jquery使用

var

显示了一系列div，当浏览器宽度改变时，这些div将通过

n个子项重新定位

下面是显示div的var代码

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

下面是我当前代码的完整示例（调整HTML窗口的大小以查看divs第n个子位置的更改）：


因此，是的，我希望能够在测试div中添加我自己的html代码，同时使其与我现有的代码（参见我的jsfiddle）一起工作，其中div在浏览器宽度改变时改变位置

任何输入或帮助都会很棒，一个工作的jquery会更好
 你是说这个

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

var-theDivs={
“div1”：$（“”）.addClass（“test”）.text（“某些文本”），
“div2”：$（“”）.addClass（“test2”）.text（“某些文本”），
“div3”：$（“”）.addClass（“test3”）.text（“某些文本”），
“div4”：$（“”）.addClass（“test4”）.text（'Some text'））
};
你是说这个

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

var-theDivs={
“div1”：$（“”）.addClass（“test”）.text（“某些文本”），
“div2”：$（“”）.addClass（“test2”）.text（“某些文本”），
“div3”：$（“”）.addClass（“test3”）.text（“某些文本”），
“div4”：$（“”）.addClass（“test4”）.text（'Some text'））
};
您可以使用将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>')
};

您可以使用将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>')
};

这在Ruben的大部分情况下都有效，但是当您调整html窗口的大小时，span文本仍然保留在那里，而此时它应该被删除。。如果你能像当前的div那样在浏览器宽度改变时删除span文本，那就太好了！什么时候应该将HTML添加到
div
元素中，什么时候应该将其删除？对于不同的浏览器宽度，div会被删除并重新添加（尝试在JSFIDLE中调整HTML窗口的大小），但是当您调整窗口的大小时，div会被删除并重新添加到不同的浏览器宽度中，但是span文本会保持不变。因此，在添加/删除方面，跨度文本应与div相对应。。或“移动”…）我更新了我的答案和JSFIDLE示例。看一看，看看这是否是你想要的结果。嘿，鲁本，我为你提供了一个关于这些jquery浏览器宽度div代码的报价，如果你有兴趣，请发电子邮件给我。。。ianhorstb@gmail.comthisRuben在大部分情况下都可以工作，但是当您调整html窗口的大小时，span文本仍然保留在那里，而此时它应该被删除。。如果你能像当前的div那样在浏览器宽度改变时删除span文本，那就太好了！什么时候应该将HTML添加到
div
元素中，什么时候应该将其删除？对于不同的浏览器宽度，div会被删除并重新添加（尝试在JSFIDLE中调整HTML窗口的大小），但是当您调整窗口的大小时，div会被删除并重新添加到不同的浏览器宽度中，但是span文本会保持不变。因此，在添加/删除方面，跨度文本应与div相对应。。或“移动”…）我更新了我的答案和JSFIDLE示例。看一看，看看这是否是你想要的结果。嘿，鲁本，我为你提供了一个关于这些jquery浏览器宽度div代码的报价，如果你有兴趣，请发电子邮件给我。。。ianhorstb@gmail.com