如何替换i标签的文字？

我有一个HTML如图如何替换i标签的文字？

<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/

可能有人请帮助我

来源

2014-10-20 Kiran

文本不会出现在I标签开始，你确定你问的是正确的问题吗？ – Clive 2014-10-20 13:43:16

因为文字是不是在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>

来源

2014-10-20 13:42:35

非常感谢您的解释和答案。 – Kiran 2014-10-20 13:52:48

您没有在您要修改的<i>元素内放置文字“保存”。

这可能是使你<button>这样固定：

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

来源

2014-10-20 13:43:03 APerson

此更改也正常，非常感谢。 – Kiran 2014-10-20 13:53:10

最简单的回答：

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

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

来源

2014-10-20 13:45:48 iokanuon

如何替换i标签的文字？

回答

相关问题