테이블 행 강조 표시가 작동하지 않습니다.

Question

HTML 테이블에 http://jsfiddle.net/Lijo/Hb28u/4/에 주어진 jquery 스크립트가 있습니다. 테이블 행을 강조 표시하기위한 4 가지 jQuery 접근 방식이 있습니다. 마지막 두 가지 접근 방식이 작동하지 않습니다. 왜 작동하지 않습니까? 나는 평범한 영어로 설명을 찾고 있습니다. HTML

<table id="table1"> 
<tr> <td>N</td><td>Y</td></tr> 
<tr class="y_n"><td>Q</td><td>N</td></tr> 
</table> 

<br/><br/> 

<table id="table2"> 
<tr> <td>N</td><td>Y</td></tr> 
<tr class="y_n"><td>Q</td><td>N</td></tr> 
</table> 

<br/><br/> 

<table id="table3"> 
<tr> <td>N</td><td>Y</td></tr> 
<tr class="y_n"><td>Q</td><td>N</td></tr> 
</table> 

<br/><br/> 

<table id="table4"> 
<tr> <td>N</td><td>Y</td></tr> 
<tr class="y_n"><td>Q</td><td>N</td></tr> 
</table> 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.js"> 

SCRIPT

$(document).ready(function() 
{ 


//Apporach 1 - Highlight First Row 

$('#table1 tr td:eq(0)').each(function() { 
if ($(this).text() == 'N') { 
    $(this).parent().css('background-color', 'Orange'); 
} 
}); 


//Apporach 2 - - Highlight Second Row 

$('#table2 tr td:gt(0)').each(function() { 
if ($(this).text() == 'N') { 
    $(this).parent().css('background-color', 'Orange'); 
} 
}); 


//Apporach 3 - Highlight Second Row 

$('#table3 tr td:eq(1)').each(function() { 
if ($(this).text() == 'N') { 
    $(this).parent().css('background-color', 'Orange'); 
} 
}); 


//Apporach 4 Highlight All Rows 

$('#table4 tr td)').each(function() { 
if ($(this).text() == 'N') { 
    $(this).parent().css('background-color', 'Orange'); 
} 
}); 

}); 

Answer 1

지금은 작동을 가지고 jsfiddle

,

$('#table3 tr td:eq(3)').each(function() { // note that you search for td no. 3 and not 1 
    if ($(this).text() == 'N') { 
     $(this).parent().css('background-color', 'Orange'); 
    } 
}); 


//Apporach 4 Highlight All Rows 
$('#table4 tr td').each(function() { // note that in your example you have a) at the end of the selector 
    if ($(this).text() == 'N') { 
     $(this).parent().css('background-color', 'Orange'); 
    } 
}); 

Answer 2

//Apporach 3 - Highlight Second Row 
$('#table3 tr:eq(1) td').each(function() { //second row 
if ($(this).text() == 'N') { 
    $(this).parent().css('background-color', 'Orange'); 
} 
}); 


    //Apporach 4 Highlight All Rows 
    $('#table4 tr td').each(function() { //here you had a unnescessary ')' 
    if ($(this).text() == 'N') { 
     $(this).css('background-color', 'Orange'); 
    } 
    }); 

희망 당신은 그것을 :)