如何使用jQuery选择表中的某些内容

如何使用jQuery选择表中的某些内容,jquery,html-table,Jquery,Html Table,我试图选择表中的某个元素,然后开始计算tbody中的tr,并生成如下代码所示的条件 如何在“仅选择”中用红色更改颜色,仅当tr>3时,除此之外,使其变为蓝色 如果有任何建议,我将不胜感激 $(文档).ready(函数(){ var tr=$('.table wrapper>table>tbody>tr'); 如果($(tr).长度>3){ $(this).find('a').css('color','red').addClass('active'); } 否则{ $(this.find('a'

我试图选择表中的某个元素,然后开始计算tbody中的tr,并生成如下代码所示的条件

如何在“仅选择”中用红色更改颜色,仅当tr>3时,除此之外,使其变为蓝色

如果有任何建议,我将不胜感激

$(文档).ready(函数(){
var tr=$('.table wrapper>table>tbody>tr');
如果($(tr).长度>3){
$(this).find('a').css('color','red').addClass('active');
}
否则{
$(this.find('a').css('color','blue');
}
})
表格{
宽度:100%;
}
表th,td{
文本对齐:居中;
}
.主动{
字体大小:20px;
}

标题1
标题2
标题3
内容2
内容3
内容1
内容3
内容1
内容2
内容3
内容1
内容2
内容1
内容3
内容1
内容2
内容3

简单的CSS就足够了,请使用伪类选择器。尽管您可以使用相同的选择器或通过检查元素的索引来使用jQuery执行此操作

table tr a {
  color: blue;
}

table tr:nth-child(n+4) a {
  color: red;
}
表格{
宽度:100%;
}
表th,
运输署{
文本对齐:居中;
}
.主动{
字体大小:20px;
}
表tr a{
颜色:蓝色;
}
表tr:n第n个子(n+4)a{
颜色:红色;
}

标题1
标题2
标题3
内容2
内容3
内容1
内容3
内容1
内容2
内容3
内容1
内容2
内容1
内容3
内容1
内容2
内容3

简单的CSS就足够了,请使用伪类选择器。尽管您可以使用相同的选择器或通过检查元素的索引来使用jQuery执行此操作

table tr a {
  color: blue;
}

table tr:nth-child(n+4) a {
  color: red;
}
表格{
宽度:100%;
}
表th,
运输署{
文本对齐:居中;
}
.主动{
字体大小:20px;
}
表tr a{
颜色:蓝色;
}
表tr:n第n个子(n+4)a{
颜色:红色;
}

标题1
标题2
标题3
内容2
内容3
内容1
内容3
内容1
内容2
内容3
内容1
内容2
内容1
内容3
内容1
内容2
内容3
使用此

$(document).ready(function(){
   var trcount=$('table tbody').children('tr').length();
   if(trcount>3){
      var count=1;
      $.each('table tr',function(i,v){
           if(count<=3){
               $(this).find('a').css('color','red').addClass('active');
           }else{
               $(this).find('a').css('color','blue');
           }
      }); 
   } 
})
$(文档).ready(函数(){
var trcount=$('table tbody').children('tr').length();
如果(trcount>3){
var计数=1;
$.each('表tr',函数(i,v){
如果(计数使用此

$(document).ready(function(){
   var trcount=$('table tbody').children('tr').length();
   if(trcount>3){
      var count=1;
      $.each('table tr',function(i,v){
           if(count<=3){
               $(this).find('a').css('color','red').addClass('active');
           }else{
               $(this).find('a').css('color','blue');
           }
      }); 
   } 
})
$(文档).ready(函数(){
var trcount=$('table tbody').children('tr').length();
如果(trcount>3){
var计数=1;
$.each('表tr',函数(i,v){

如果(计数这将使前3行变为蓝色,其他行变为红色
$(文档).ready(函数(){
var tr=$('.table wrapper>table>tbody>tr');
tr.each(功能(i){
如果(i>2){
$(this).find('a').css('color','red').addClass('active');
}
否则{
$(this.find('a').css('color','blue');
}
});
})
表格{
宽度:100%;
}
表th,td{
文本对齐:居中;
}
.主动{
字体大小:20px;
}

标题1
标题2
标题3
内容2
内容1
内容3
内容1
内容2
内容3
内容1
内容2
内容1
内容3
内容1
内容2
内容3

这将使前3行变为蓝色,其他行变为红色
$(文档).ready(函数(){
var tr=$('.table wrapper>table>tbody>tr');
tr.each(功能(i){
如果(i>2){
$(this).find('a').css('color','red').addClass('active');
}
否则{
$(this.find('a').css('color','blue');
}
});
})
表格{
宽度:100%;
}
表th,td{
文本对齐:居中;
}
.主动{
字体大小:20px;
}

标题1
标题2
标题3
内容2
内容1
内容3
内容1
内容2
内容3
内容1
内容2
内容1
内容3
内容1
内容2
内容3

您所说的仅当tr>3时是什么意思?没有一个tr长度大于3我只想选择下面的第3行我不明白您的意思。可能会有错误的解释,我只想用jquery选择器在正文第3行下面选择,或者您所说的仅当tr>3时是什么意思?没有一个tr长度大于3我只想选择下面的第3行我不明白u rndestoSorry可能是错误的解释,我只想用jquery selector选择tbody中第3行下面的内容,或者如果我想用jquery设置样式或添加类,只想用jquery中第3行下面的内容tbody@mDesto
$('table tr:nth child(n+4)a').addClass('classname');
$('table tr:not(:nth child(n+4))a').addClass('classname1'))
如果我想用jquery设置样式或添加类,只有在下面的tbody@mDesto
$('table tr:nth child(n+4)a').addClass('classname');
$('table tr:not(:nth child(n+4))a').addClass('classname1');
我明白了,为什么我不使用每个来计算每个t