无法使用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');   
}

这是小提琴.http://jsfiddle.net/alamzeeshan/5bw8d2ta/7/

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

有谁知道我错过了什么？

Answer 1

目前,你正在寻找span你的#monitorStatusSpan(#monitorStatusSpan span)内部.

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

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

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