私はこのようなHTMLテーブルとJavaScript持っ

Question

すべての特定のクラスの列に「テキスト」を変更する方法：私は、コードを実行すると

var x = document.querySelectorAll("td.status"); 
 

 
if(x[0].textContent = "3") 
 
{ 
 
    x[0].textContent = "Declined" 
 
} 
 
else if(x[0].textContent = "2") 
 
{ 
 
    x[0].textContent = "Approved" 
 
} 
 
else 
 
{ 
 
    x[0].textContent = "Pending" 
 
}

<table> 
 
    <tr> 
 
     <td>2016-10-11 13:10:26</td> 
 
     <td>name</td> 
 
     <td>mail@yahoo.com</td> 
 
     <td>number</td> 
 
     <td class="status" value="3">3</td> 
 
    </tr> 
 
    <tr> 
 
     <td>2016-10-11 13:10:26</td> 
 
     <td>name</td> 
 
     <td>mail@yahoo.com</td> 
 
     <td>number</td> 
 
     <td class="status" value="2">2</td> 
 
    </tr> 
 
    <tr> 
 
     <td>2016-10-11 13:10:26</td> 
 
     <td>name</td> 
 
     <td>mail@yahoo.com</td> 
 
     <td>number</td> 
 
     <td class="status" value="0">0</td> 
 
    </tr> 
 
</table>

が、結果は最初の行だけに影響を与えたがテーブルの

質問は、特定のステートメントを持つクラス status内のテキストを置き換えるためにJavaScriptコードを作成する方法のページがロードされますされている場合

：

3 =
2 =承認
0 =保留

Answer 1

使用のように見えなければならない場合forループ

var x = document.querySelectorAll("td.status"); 
for(var i=0 ; i < x.length; i++) { 
    if(x[i].textContent == "3"){ 
     x[i].textContent = "Declined" 
    } 
    else if(x[i].textContent == "2"){ 
     x[i].textContent = "Approved" 
    } 
else { 
    x[i].textContent = "Pending" 
} 
} 

Answer 2

を辞退それはjQueryを使ってタグ付けされていますよう

あなたは、反復処理する必要があります、あなたはそれがすべてをやらせることができます

$('td.status').text(function(_, txt) { 
 
    return txt === "3" ? "Declined" : 
 
      txt === "2" ? "Approved" : "Pending" 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td>2016-10-11 13:10:26</td> 
 
    <td>name</td> 
 
    <td>mail@yahoo.com</td> 
 
    <td>number</td> 
 
    <td class="status" value="3">3</td> 
 
    </tr> 
 
    <tr> 
 
    <td>2016-10-11 13:10:26</td> 
 
    <td>name</td> 
 
    <td>mail@yahoo.com</td> 
 
    <td>number</td> 
 
    <td class="status" value="2">2</td> 
 
    </tr> 
 
    <tr> 
 
    <td>2016-10-11 13:10:26</td> 
 
    <td>name</td> 
 
    <td>mail@yahoo.com</td> 
 
    <td>number</td> 
 
    <td class="status" value="0">0</td> 
 
    </tr> 
 
</table>

のための条件が正しくない場合

Answer 3

、1は=割り当てに使用され、==は、比較

あなたのケースで非常に

のために使用されているあなたの条件は、この

if(x[0].textContent == "3")