javascript - 无法使用 JQuery 更改 Span 文本

Question

我正在使用 Bootstrap 和 JQuery。

HTML

<div>
    <ul>
       <li><strong> Status : </strong><span id="monitorStatusSpan">1111</span></li>
    </ul>           
</div>

<button type="button" id="disableButton"
                    class="btn btn-primary" onclick="changeSpan();">Change</button>

JavaScript

function changeSpan() {
 $('#monitorStatusSpan span').text('disssssssssssssssssss');   
}

这是 fiddle 。 http://jsfiddle.net/alamzeeshan/5bw8d2ta/7/

但是跨度文本仍然没有改变。

有人知道我错过了什么吗？

Answer 1

目前，您正在寻找 #monitorStatusSpan 中的 span (#monitorStatusSpan span)。

function changeSpan() {
    $('#monitorStatusSpan span').text('disssssssssssssssssss');   
}

只查找这样的 ID 就足够了:

function changeSpan() {
    $('#monitorStatusSpan').text('Your text here');   
}