Question

Heelo，我知道这似乎是一个愚蠢的问题，但它让我发疯了

我的页面中有一些按钮

<ul class="nav navbar-nav">
    <li><button type="button" id="start" class="btn btn-default navbar-btn">Start</button></li>
    <li><button type="button" id="pause" class="btn btn-default navbar-btn" disabled="disabled"><span class="glyphicon glyphicon-pause" aria-hidden="true"></span> Pause</button></li>
    <li><button type="button" id="play" class="btn btn-default navbar-btn" disabled="disabled"><span class="glyphicon glyphicon-play" aria-hidden="true"></span> Play</button></li>
    <li><button type="button" id="finish" class="btn btn-default navbar-btn" disabled="disabled"><span class="glyphicon glyphicon-eject" aria-hidden="true"></span> Close</button></li>
</ul>

现在我想动态使用jQuery来改变一个按钮文本;例如，我需要更改“开始”文本。我尝试了以下代码但没有成功：

$("#start").text = "Open PHASE";

Answer 1

jQuery＆＃39; s .text()是一种方法。（您可以看到文档here）

这意味着要设置文本，您必须向其传递一个参数（您要将其更改为的文本）

$("#start").text("Open PHASE");

如果你没有传递任何内容，例如$("#start").text();，它将返回元素的当前文本，您可以将其存储在变量中并稍后使用，例如

var text = $("#start").text();

Answer 2

text是一个函数，而不是属性。你需要使用：

$("#start").text("Open PHASE");

有关详细信息，请参阅jQuery documentation。

Answer 3

你{ - 3}}之后 -

$("#start").text("Open PHASE");

Answer 4

您使用.text()

错误

$("#start").text("Open PHASE");

Answer 5

这是你要找的吗？

$('#start').on('click', function() {
    var txt = $(this).text();
    $(this).text( txt == 'Start' ? 'Open PHASE' : 'Start' );
});

$('#start').on('click', function() {
    var txt = $(this).text();
    $(this).text( txt == 'Start' ? 'Open PHASE' : 'Start' );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul class="nav navbar-nav">
    <li><button type="button" id="start" class="btn btn-default navbar-btn">Start</button></li>
    <li><button type="button" id="pause" class="btn btn-default navbar-btn" disabled="disabled"><span class="glyphicon glyphicon-pause" aria-hidden="true"></span> Pause</button></li>
    <li><button type="button" id="play" class="btn btn-default navbar-btn" disabled="disabled"><span class="glyphicon glyphicon-play" aria-hidden="true"></span> Play</button></li>
    <li><button type="button" id="finish" class="btn btn-default navbar-btn" disabled="disabled"><span class="glyphicon glyphicon-eject" aria-hidden="true"></span> Close</button></li>
</ul>

jQuery：如何更改<button>标记上的文本按钮

5 个答案: