javascript - div 和 text() 有点奇怪

Question

我有四个 div，其中第一个 div 有东西，最后三个是空的。

<div id="simple">Value (Required) - As Is - Office<div>
<div id="simple2"><div>
<div id="simple3"><div>
<div id="simple4"><div>

我将第一个 div 的内容拆分，然后将结果放入接下来的三个 div。

var ahtml = $("#simple").html();
alert(ahtml);
var bhtml = ahtml.split("-");
alert(bhtml[0]);
$("#simple2").text(bhtml[0]);
alert(bhtml[1]);
$("#simple3").text(bhtml[1]);
alert(bhtml[2]);
$("#simple4").text(bhtml[2]);

由于某种原因，它在JsFiddle <--链接中不起作用。最后两个没有被输出，当我得到第一个 div 的 html 时，警报真的很奇怪。我是不是忘记了什么？有任何想法吗？

Answer 1

您没有关闭元素：

<div id="simple">Value (Required) - As Is - Office</div>
<div id="simple2"></div>
<div id="simple3"></div>
<div id="simple4"></div>

更新：http: //jsfiddle.net/bcLNm/5/

Answer 2

可能是由于您缺少每个 div 的结束标签

<div id="simple">Value (Required) - As Is - Office<div>
<div id="simple2"><div>
<div id="simple3"><div>
<div id="simple4"><div>

应该

<div id="simple">Value (Required) - As Is - Office</div>
<div id="simple2"></div>
<div id="simple3"></div>
<div id="simple4"></div>

这可能会在 jquery 的嘶嘶声引擎中引起各种恶作剧

Answer 3

你必须关闭你的div。

<div id="simple">Value (Required) - As Is - Office</div>
<div id="simple2"></div>
<div id="simple3"></div>
<div id="simple4"></div>

jsFiddle 在这里。