2017-01-17 8 views
-2

作成中<td>jqueryファンクション そして、js関数を使ってその値を変更したいと思います。​​の値をjs関数で変更しますか?

jqueryのは、値を取得し、テーブルに入れている:

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

私は2成功であれば、他の1保留、場合"<td id='stsChange'>"値を変更したいです。

私はこの問題を解決するために手助けしてください、ありがとう!

私はここまでしましたが、動作しません。

 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

あなたは誰も理解できません。あなたは例を挙げることができますか? – plvice

+0

私はあなたが比較演算子を使っていることを指摘したいと思います。 'if(status = "1")'は(status == "1")ならば – Piyush

答えて

0

追加が(他のあなたがappendChildを使用する必要があります - )jQueryを使ってはるかに簡単であるjQueryオブジェクトを解く:

私はあなたが与えたものに基づいて、以下のソリューションを持っています:
(答えの最後にコードスニペットを実行してください)

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

シンプル

function insertText($tdObject) { 
    var newTextVal = $tdObject.text() == '2' ? 'Success' : 'Pending'; 
    $tdObject.text(newTextVal); 
} 
関連する問題