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文本更新为“Respond”。

我尝试了几种不同的东西，例如：

$('#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

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

<button><span id="myid">Edit Respond</span></button>

$('#myid').text("Respond");

Answer 2

$('#s_1_1_126_0_Ctrl span')并不是在寻找孩子的跨度。

所以改变这个;

$('#s_1_1_126_0_Ctrl > span')会将该范围视为按钮的子项

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

Answer 3

<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 4

首先，这不好，因为没有跨度：

$('#s_1_1_126_0_Ctrl span')

应该是：

$('#s_1_1_126_0_Ctrl')

试试看。

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

4 个答案: