jQuery創建和修改元素

Question

我正在使用HTML代碼段將一些文本插入到元素中，然后將其顯示在某處：

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

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

Answer 1

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

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

這是一個有效的例子 。 請注意，這將產生以下內容的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標簽上設置一個類。

HTML：

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

jQuery的：

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