나는이 같은 HTML 테이블과 자바 스크립트가

-4

모든 특정 클래스 칼럼에서 "텍스트"를 변경하는 방법 : 나는이 코드를 실행하면나는이 같은 HTML 테이블과 자바 스크립트가

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>[email protected]</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>[email protected]</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>[email protected]</td> 
 
     <td>number</td> 
 
     <td class="status" value="0">0</td> 
 
    </tr> 
 
</table>

이 결과는 첫 번째 행에 영향을 테이블의.

문제는 주어진 문 클래스 status의 텍스트를 대체 할 수있는 자바 스크립트 코드를 만드는 방법을 페이지가로드받을 때

3 =
2 = 승인
0 = 보류

출처

2016-10-12 IcecoldCore

당신은 자바 스크립트 코드가 무엇을하는지 이해합니까? 그렇게하면 루프를 사용하여 수정할 수 있으며 필요한 경우 스위치 케이스로 수정할 수 있습니다. 당신이 그것을 이해하고 배우지 않아도된다면. – Esko

@Esko, 나는 자바 스크립트가 좋지 않다. 그 때문에이 퍼즐을 풀 수는 없다. 도와 주시거나 더 많은 힌트를주십시오. – IcecoldCore

사용과 같이해야하는 경우 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" 
} 
}

출처

2016-10-12 10:31:45

좋아요. 이 간단한 퍼즐을 해결해 주셔서 감사합니다. – IcecoldCore

을 거부 이 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>[email protected]</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>[email protected]</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>[email protected]</td> 
 
    <td>number</td> 
 
    <td class="status" value="0">0</td> 
 
    </tr> 
 
</table>

에 대한 조건이 정확하지 않은 경우

출처

2016-10-12 10:27:14 adeneo

당신은 저를 구합니다! 고마워요 .. 아주 고마워요 :) – IcecoldCore

, 하나는 = 할당에 사용되는, ==는 비교

귀하의 경우 너무

에 사용되는 당신의 조건이

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

출처

2016-10-12 10:28:45 jacobdo

고마워요, 당신은 내 실수를 깨닫게 해줍니다. – IcecoldCore

나는이 같은 HTML 테이블과 자바 스크립트가

답변

관련 문제