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

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

这是我的静态标记：

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

这很好，但出于对一切美好事物的热爱，我无法找到一种方法来设置按钮文本，而不清除图标。如果我这样做：

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

---

我丢失了图标元素，那么如何在保留任何子元素的同时访问和编辑文本？

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

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

您还可以使用$（“#myButton i:first”）而不是$（“#myButton i:first child”）甚至

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

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