jQuery创建和修改元素

Question

我正在使用HTML代码段在元素中插入一些文字，然后在某处显示：

var elemTemp = $('<span /><strong class="value unit" />').find('span').text('hi!').end();
elemTemp.appendTo('#someDiv');

我想在 span 中插入“hi”，但无法使其正常工作。 find（）方法似乎找不到跨度。

Answer 1

find向下看DOM树，但您的span不是后代，因此find找不到它。请改用siblings：

var elemTemp = $('<span /><strong class="value unit" />').siblings('span').text('hi!').end();

这是一个working example。请注意，这会产生以下行的HTML：

<span>hi!</span>
<strong class="value unit"></strong>

我不确定您的目标是什么，或者您希望strong成为span的孩子。

Answer 2

为什么不尽可能简单快速地做到这一点？

 $('#someDiv').append('<span>hi!</span>'); // or whatever HTML you want in there

Answer 3

您必须指定要插入“hi”的span标记。最简单的方法是在span-tag上设置一个类。

HTML：

<span class="hello"></span>

jQuery的：

$('span.hello').html('hi');