2017-01-17 2 views
-2

Im Erstellen <td> mit jquery Funktion. Und ich möchte seinen Wert ändern, indem Sie js Funktion verwenden.Ändern Wert mit js Funktion?

jquery wird immer Wert und die Inbetriebnahme Tabelle:

tr.append("<td id='stsChange'>" + resul[i].status + "</td>"); 

Ich möchte "<td id='stsChange'>" Wert, wenn seine 1 Pending ändern, sonst, wenn 2 Erfolg.

Bitte helfen Sie mir, dieses Problem zu lösen, Danke!

Ich habe bis hier getan, aber es funktioniert nicht.

 function insertText() { 

    var status = document.getElementById('stsChange').innerText; 
    alert(status); 
    if(status = "1"){ 
     document.getElementById('stsChange').innerHTML = "Pending"; 
    } 
    else if(status = "2"){ 
     document.getElementById('stsChange').innerHTML = "Success"; 
    } 

} 
+1

Niemand wird Sie verstehen. Kannst du ein Beispiel geben? – plvice

+0

Ich möchte darauf hinweisen, dass Sie den Zuweisungsoperator zum Vergleich verwenden. 'if (status = "1") sollte if sein (status == "1") – Piyush

Antwort

0

Anfügen ist viel einfacher, mit jquery (sonst müssen Sie appendChild verwenden -):

Ich habe die folgende Lösung auf, was Sie gaben :
(Bitte Code-Schnipsel am Ende der Antwort laufen lassen, um das Ergebnis zu sehen :)

var result = [{status:1},{status:2},{status:1},{status:2}]; 
 
for(var i = 0, length = result.length; i < length; i++) 
 
{ 
 
    $('#table_Status').append("<tr><td id='td_stsChange_" + i + "'>" + result[i].status + "</td></tr>"); 
 
    insertText(i); 
 
} 
 

 
function insertText(_i) 
 
{ 
 
    var elem = document.getElementById('td_stsChange_' + _i); 
 
    var status = elem.innerText; 
 
    //alert(status); 
 
    if(status === "1") 
 
    { 
 
     elem.innerHTML = "Pending"; 
 
    } 
 
    else if(status === "2") 
 
    { 
 
     elem.innerHTML = "Success"; 
 
    } 
 
}
#table_Status { 
 
    border:1px solid black; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
Table: 
 
<table id="table_Status"> 
 
    <th>Status</th> 
 
</table>

0

Einfach mit jQuery-Objekt löst

function insertText($tdObject) { 
    var newTextVal = $tdObject.text() == '2' ? 'Success' : 'Pending'; 
    $tdObject.text(newTextVal); 
} 
Verwandte Themen