javascript - 在包含文本和 HTML 元素的 div 中，如何使用 JQuery 仅更改文本而不更改元素？

Question

我正在使用一个渲染 div 样式“按钮”的插件，其 html 如下所示:

<div id="div-id">
  "Button Label"
  <input type="file" . . . >
</div>

如何使用 jQuery 动态更改“按钮标签”文本，同时保持输入不变？

我尝试过使用 .text() 但它也替换了输入。

(注意:我无法控制插件呈现的 HTML，所以我只能使用这种结构)。

谢谢!

Answer 1

这是一个解决方案。保存 div 的子级，设置文本，然后将子级附加回它。

var $children = $myDiv.children();
$myDiv.text("New Button Label").append($children);

<强> Example.