Javascript jQuery-返回彩色超链接

我试图返回彩色超链接，但一直失败

所以我基本上有一个巨大的超链接列表，其中一些最终得到了红色的颜色样式。我正试图通过一个按钮列出当前哪些是红色的。我一直没有得到任何结果

HTML代码：

<tr id="List" style="display: none;">
  <td>General
    <hr><a class="toggle-vis" data-column="0">#</a> -
    <a class="toggle-vis" data-column="1">First Name</a> -
    <a class="toggle-vis" data-column="2" style="color: red;">Last Name</a> -
    <a class="toggle-vis" data-column="3" style="color: red;">Country</a>
  </td>
</tr>

<p><label><input type="checkbox" id="options"/> Show Red Options!</label></p>
<div class="print"></div>

一般的
您可以按以下方式执行。这是更好的方法，下面的方法是使用toggle vis类循环链接

$('#options').change(function () {
  var textToPrint = '';

  $('.toggle-vis').each(function(){
    if($(this).css('color') == 'rgb(255, 0, 0)'){
       textToPrint += $(this).text()+', '; 
    }

    $('.print').html(textToPrint.slice(0, -2));     // slice function is for removing the comma at the end.
  });
});

你可以用下面的方法来做。这是更好的方法，下面的方法是使用toggle vis类循环链接

$('#options').change(function () {
  var textToPrint = '';

  $('.toggle-vis').each(function(){
    if($(this).css('color') == 'rgb(255, 0, 0)'){
       textToPrint += $(this).text()+', '; 
    }

    $('.print').html(textToPrint.slice(0, -2));     // slice function is for removing the comma at the end.
  });
});

下面是一个如何做到这一点的示例。这个想法是使用attr方法，看看它是否有一个设置颜色的样式


$（'#选项'）。更改（函数（）{
var i=0；
而（i<4）{
var元素=$（'a[数据列='+i+']'）；
var style=element.attr（'style'）
如果（样式）{
if（style.indexOf（'red'）！=-1）{
$（'.print'）.html（$（'.print'）.html（）+“数据列ID:“+i+”
”）；
} 
}否则{
$（'.print'）.html（$（'.print'）.html（）+“Boo！ID:“+i+”
”）；
}
i++；
}
});

一般的
#-
名字-
姓-
国家
显示红色选项

下面是一个示例，说明如何执行此操作。这个想法是使用attr方法，看看它是否有一个设置颜色的样式


$（'#选项'）。更改（函数（）{
var i=0；
而（i<4）{
var元素=$（'a[数据列='+i+']'）；
var style=element.attr（'style'）
如果（样式）{
if（style.indexOf（'red'）！=-1）{
$（'.print'）.html（$（'.print'）.html（）+“数据列ID:“+i+”
”）；
} 
}否则{
$（'.print'）.html（$（'.print'）.html（）+“Boo！ID:“+i+”
”）；
}
i++；
}
});

一般的
#-
名字-
姓-
国家
显示红色选项

两个问题：

搜索正确的颜色
rgb（255，0，0）
（注意空格）
正确显示结果

const print=$（'.print'）；
print.html（“”）；
$（'#选项'）。更改（函数（）{
var i=0；
而（i<4）{
var color=$（'a[数据列='+i+']'））.css（'color'）；
如果（颜色=='rgb（255,0,0）'）{
print.append（`Data Column ID:${i}
`）；
}否则{
print.append（`ID${i}Boo！
`）；
}
i++；
}
});

一般的
#-
名字-
姓-
国家
显示红色选项

两个问题：

搜索正确的颜色
rgb（255，0，0）
（注意空格）
正确显示结果

const print=$（'.print'）；
print.html（“”）；
$（'#选项'）。更改（函数（）{
var i=0；
而（i<4）{
var color=$（'a[数据列='+i+']'））.css（'color'）；
如果（颜色=='rgb（255,0,0）'）{
print.append（`Data Column ID:${i}
`）；
}否则{
print.append（`ID${i}Boo！
`）；
}
i++；
}
});

一般的
#-
名字-
姓-
国家
显示红色选项

您这样做是错误的，而且是艰难的。简单的方法是定义一个“类”，并使用CSS将样式设置为红色。使用jQuery可以非常轻松地向任何元素添加或删除类。很难根据风格来过滤某些东西。你这样做是错误的，而且很难做到。简单的方法是定义一个“类”，并使用CSS将样式设置为红色。使用jQuery可以非常轻松地向任何元素添加或删除类。很难根据风格来过滤某些东西。