使用jquery替换div中的文本而不替换其他元素中的文本

Question

我有一个问题，这是我的HTML

<div id="slider" class="hidden">
 <input type="button">X</input>
</div>

这是我的Jquery：

var el = $('#slider').clone();
el.removeClass("hidden");
el.text("My humble text");
$("#otherdiv").append(el);

所以问题是当我执行这个jquery时，所有内容都被替换为带有X的按钮..因为它似乎是文本。

我的问题是如何只将文本添加到div中，但是我让其他文本的元素与它们一样......？

Answer 1

使用.append（）而不是.html（）

var el = $('#slider').clone();
el.removeClass("hidden");
el.append("My humble text");
$("#otherdiv").append(el);

演示：Fiddle

另外

• 生成的html将包含多个ID为slider的元素，您必须更改克隆元素的ID
• <input type="button">X</input>应为<input type="button" value="X">