javascript - 更改包含其他元素的元素的文本

Question

我有这样的标记:

<li data-id="1">
  <button type="button" class="btn btn-default btn-md" style="margin: .25em; padding: .25em;">
    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
    random text
    <input type="hidden" name="global_filter[default_fields][][apple]" value="random text_again">
  </button>
</li>

我想将文本“随机文本”更改为“其他内容”。

我能够找到文本节点:

  $li.find('button').first().contents().filter(function() {
    return this.nodeType == 3;
  }).text();

但是我怎样才能改变文本呢？当我将参数传递给 text('something else') 之类的文本时，没有任何变化。

Answer 1

我可能会将文本放在自己的容器中，例如

<div id='changeableText'>Random Text</div>

然后直接使用

访问它

$('#changeableText').text('New text!');

实现这一目标。