javascript - 无法使用JQuery更改跨度文本

我正在使用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');
}

这是小提琴。http://jsfiddle.net/alamzeeshan/5bw8d2ta/7/
但是span文本仍然没有改变。
有人知道我错过了什么吗？

最佳答案

目前，您正在您的span中寻找#monitorStatusSpan（#monitorStatusSpan span）。

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

只需要这样找身份证就够了：

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