Jquery 高亮显示表行不起作用
我有一个HTML表和jquery脚本,如中所示。有四种jQuery方法用于突出显示表行。最后两种方法不起作用,为什么不起作用?我想找一个简单的英语解释 HTML 希望你得到它:)现在它可以工作了Jquery 高亮显示表行不起作用,jquery,Jquery,我有一个HTML表和jquery脚本,如中所示。有四种jQuery方法用于突出显示表行。最后两种方法不起作用,为什么不起作用?我想找一个简单的英语解释 HTML 希望你得到它:)现在它可以工作了 方法4:“#表4 tr td”将是“#表4 tr td”否。您提到的方法3与方法1相同。方法3没有完成它的任务-看到这意味着td有连续的编号吗?选择器#table3 tr td返回一个数组,其中所有tds都在所选tr内,因此每个td都有自己的索引,其顺序与找到的顺序相同。谢谢您的解释。我发现这是一个性能
方法4:“#表4 tr td”将是“#表4 tr td”否。您提到的方法3与方法1相同。方法3没有完成它的任务-看到这意味着td有连续的编号吗?选择器
#table3 tr td
返回一个数组,其中所有tds都在所选tr内,因此每个td都有自己的索引,其顺序与找到的顺序相同。谢谢您的解释。我发现这是一个性能问题。我会在RowDataBound事件中为ASP.NETGridView中所需的行添加一个CSS类。并根据css类选择行$(#myTable tr.myclass')
<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">
$(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');
}
});
});
//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');
}
});
$('#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');
}
});