Question

我有一个HTML，如图所示

<button type="submit" id="savebtn" class="btn blue">
   <i id="editorsave" class="icon-ok"></i>Save</button>

我想替换保存编辑

的文本

这是我尝试的方式。

$('#editorsave').text('');
$('#editorsave').text('Edit');

http://jsfiddle.net/amr88nLo/

任何人都可以帮助我

Answer 1

你没有把文字＆＃34; Save＆＃34;在您尝试修改的<i>元素中。

可以通过这样设置<button>来修复此问题：

<button type="submit" id="savebtn" class="btn blue">
  <i id="editorsave" class="icon-ok">Save</i>
</button>

Answer 2

因为文本不在i元素中，所以它在下一个兄弟中。

一种解决方案是改变其下一个兄弟的内容

$('#editorsave')[0].nextSibling.data = 'Edit'

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button type="submit" id="savebtn" class="btn blue">
  <i id="editorsave" class="icon-ok"></i>Save
</button>

另一个是使用另一个元素，它将单独包装文本，然后改变其内容，如

$('#savebtn span').text('Edit')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button type="submit" id="savebtn" class="btn blue">
  <i id="editorsave" class="icon-ok"></i><span>Save</span>
</button>

Answer 3

最简单的答案：

<button type="submit" id="savebtn" class="btn blue">Save</button>

$('#savebtn').html('<i class="icon-ok">Edit</i>')>

如何替换i标签的文本？

3 个答案: