Nu se poate schimba textul Span folosind JQuery (Programare, Javascript, Jquery, Html, Twitter Bootstrap)

Zeeshan a intrebat.

Folosesc bootstrap și 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');   
}

Aici este vioara. http://jsfiddle.net/alamzeeshan/5bw8d2ta/7/

Dar tot nu se schimbă textul span.

Știe cineva ce îmi scapă?

4 răspunsuri
chrona

În prezent, căutați un span în interiorul dvs. #monitorStatusSpan (#monitorStatusSpan span).

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

Este suficient să căutați doar ID-ul, astfel:

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

Milind Anantwar

Aveți un selector incorect. Selectorul pe care l-ați folosit găsește #monitorStatusSpan element și apoi elementul span în el. care nu există.

Deoarece ID-urile sunt unice, puteți folosi pur și simplu selectorul id pentru a viza elementul necesar:

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

demonstrație de lucru

Andrew Evt

HTML

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

<button id="disableMonitorButton" class="btn btn-primary">Change</button>

JS

$("#disableMonitorButton").click(function() {
    $('#monitorStatusSpan').html('disssssssssssssssssss');  
});

PS. NU FOLOSIți inline JS!

Oleksandr T.

Încearcă asta

Selectorul dvs. curent selectează toate spandin interiorul elementului cu id #monitorStatusSpan dar în acest element nu există niciun span's.

Pentru selectorul dvs. curent, html ar trebui să arate astfel

<span id="monitorStatusSpan"><span>TEST</span></span>