动态更改Twitter Bootstrap按钮上的文本，同时保留图标？

Question

如何在不破坏图标的情况下使用javascript/jquery更改Twitter引导中的按钮上的文本？

所以，这是我的静态标记：

<a class="btn" id="myButton" onclick="doSomething()"><i class="icon-ok"></i> Do it...</a> 

我可以改变图标，就像这样：

$('#myButton i:first-child').attr('class','icon icon-remove'); 

这很好，但对于所有的爱是好的我无法找到一种方法来设置按钮文本，然后清除图标。例如。如果我这样做：

$('#myButton').text('Some Remove Text'); 

我失去了图标元素，所以我怎么能访问只是文本和编辑，同时保留所有的子元素？

Answer 1

您可以将内容包装到span元素中，然后在锚点的上下文中找到它。

$('#myButton span').text('Some Remove Text'); 

您也可以使用$（ '＃myButton的我：第一'），而不是$（ '＃myButton的我：第一胎'），甚至

$('#myButton i') or $('#myButton > i') which would be shorter.