클래스의 html 값을 변경하십시오

Question

내가하려는 것은 jQuery로 특정 열의 값을 변경하는 것입니다. 저는 칼럼의 이름 만 알고 있지만, 칼럼의 위치는 항상 같지는 않습니다.

데모 : http://jsfiddle.net/4MJjU/

을이 코드가 작동하지만,이 확인하고 값을 변경하는 가장 좋은 방법은?

var IDcolumns = document.getElementsByClassName('column-'+positionID); 
    for (i=0;i<IDcolumns.length;i++) 
    { 
     switch(IDcolumns[i].innerHTML){ 
     case "yes": 
      //Just as example: 
      $(IDcolumns[i]).html('<img src="image.png" />'); 
      break; 
     case "no": 
      $(IDcolumns[i]).html('&nbsp;'); 
      break; 
    } 
} 

jsfiddle (표시/숨기기 열)의 다른 코드는 다른 것입니다.

Answer 1

이 HTML 구조에 따라 해결하는 방법은 여러 가지가 있습니다. 셀 텍스트 (무시 공백 및 기타 텍스트)이 포함 된 경우

$('.column-'+positionID + ':contains("yes")').html('<img src="image.png" />'); 
$('.column-'+positionID + ':contains("no")').html('&nbsp;'); 

:Contains가 일치 :이처럼 간단 뭔가를 할 수 귀하의 예를 다음

.

Answer 2

당신은 여기에 jQuery를 사용할 수 있습니다

$('.column-'+positionID).each(function{ 
    var html = $(this).html(); 
    if(html == "yes") 
     $(this).html('<img src="image.png" />'); 
    else if(html == "no") 
     $(this).html('&nbsp;'); 
});