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

Dynamically change text on Twitter Bootstrap button whilst preserving icon?

本文关键字：文本 图标 保留 Twitter 启动 按钮 动态      更新时间：2023-09-26

如何使用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');

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

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

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

此外，您还可以使用$（"#myButton i:first"）而不是$（"#myButton i:first child"），甚至

$('#myButton i') or $('#myButton > i') which would be shorter.
相关文章：