jquery根據列值突出顯示行

嗨，我希望有人可以幫助我調整此JQuery代碼，以便它將突出顯示整個數據行而不是僅包含值'N'的單元格。我試圖將代碼應用到表格行，但它仍然只突出顯示包含'N'值的單元格的背景顏色，因爲我需要突出顯示整個表格行。有人有任何建議嗎？jquery根據列值突出顯示行

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

    $(document).ready(function(){ 
         $('#table_id tr.y_n td').each(function(){ 
                  if ($(this).text() == 'N') { 
                   $(this).css('background-color','#f00'); 
                   } 
                   }); 
         }); 

    </script> 

    </head> 
    <body> 
    <table id="table_id"> 
     <tr><th>Question</th><th>Y/N?</th></tr> 
     <tr><td>I am me.</td><td>Y</td></tr> 
     <tr class="y_n"><td>N</td><td>Y</td></tr> 
     <tr><td>I am not sure.</td><td class="y_n">Y</td></tr> 
     <tr><td>This is a table.</td><td class="y_n">Y</td></tr> 
    </table> 

    </body> 
    </html>

來源

2011-10-05 BvilleBullet

我相信parent()是你想要的。更改以下行：

$(this).css('background-color','#f00');

到

$(this).parent().css('background-color','#f00')

來源

2011-10-05 05:02:19

你只需要你的css電話前加一個closest電話：

if ($(this).text() == 'N') { 
    $(this).closest('tr').css('background-color','#f00'); 
}

演示：http://jsfiddle.net/ambiguous/KSCyC/

的closest功能經過DOM來發現，選擇相匹配的最近的祖先。

您還可以使用parent：

if ($(this).text() == 'N') { 
    $(this).parent().css('background-color','#f00'); 
}

演示：http://jsfiddle.net/ambiguous/RdGEy/

來源

2011-10-05 05:01:36

jquery根據列值突出顯示行

回答

相關問題