如何访问JQuery中按钮的Span文本

Question

我有一个元素，当检查时显示：

<button type="button" class="siebui-ctrl-btn siebui-icon-editresponse s_1_1_126_0 appletButton" id="s_1_1_126_0_Ctrl" name="s_1_1_126_0" data-display="Edit Response" tabindex="0" title="Request: Main Menu:Edit Response" aria-label="Request: Main Menu:Edit Response" data-seq="0">
    <span>Edit Response</span>
</button>

我希望能够通过jQuery将span文本更新为"响应"。

我尝试了几种不同的方法，例如：

$('#s_1_1_126_0_Ctrl span').text("Respond");

和

$(".siebui-ctrl-btn.siebui-icon-editresponse.s_1_1_126_0.appletButton").text("Respond");

我在这里错过了什么？

Answer 1

<button type="button" class="siebui-ctrl-btn siebui-icon-editresponse s_1_1_126_0 appletButton" id="s_1_1_126_0_Ctrl" name="s_1_1_126_0" data-display="Edit Response" tabindex="0" title="Request: Main Menu:Edit Response" aria-label="Request: Main Menu:Edit Response" data-seq="0">Edit Response</button>

JQUERY

$('#s_1_1_126_0_Ctrl').click(function(){
    $('#s_1_1_126_0_Ctrl').text("Respond");
});

Answer 2

您可以在按钮内添加一个span，以便使用您发布的示例。由于没有呈现到页面的跨度，JQuery将无法识别｛ID｝跨度引用。

<button><span id="myid">Edit Respond</span></button>
$('#myid').text("Respond");

Answer 3

$('#s_1_1_126_0_Ctrl span')没有将span作为子项进行查找。

所以改变这个；

$('#s_1_1_126_0_Ctrl > span')将查找作为按钮的子项的跨度

$(document).ready(function () {
     $('#s_1_1_126_0_Ctrl > span').text("Respond");
});

Answer 4

首先，这并不好，因为没有span:

$('#s_1_1_126_0_Ctrl span')

应该是：

$('#s_1_1_126_0_Ctrl')

试试看。