Question

如果使用包含“搜索到的字符串”的td，我将得到值

var t1=$(this).find('tr:has(td:first-child:contains("Error"))');
alert($(this).find('tr:has(td:first-child:contains("Error"))').css === "red"));
if (t1.length) {
    str =t1.text().trim();
    str = /:(.+)/.exec(str)[1];
    errorArray.push(str);
    // alert(str);
}

工作正常。现在，我想再添加一个条件。我将如何检查字体颜色。如果它等于红色，请继续进行。请提供帮助。如果不能这样做，请立即帮助我搜索“错误”，如何使用条件“匹配整个单词” 进行检查。如果有任何td，则仅搜索该特定字符串。如果任何td包含“ Errorrr”，则不应考虑。

Answer 1

检查一下...想，这就是您所需要的

$('table tr td').on('click',function(){
alert($(this).css('background-color'));
})

table tr td{ border:solid 1px; padding:2px}
table tr td:nth-child(even){ background-color:#ff3}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td>first</td>
    <td>second</td>
    <td>third</td>
    <td>fourth</td>
  </tr>
</table>

Answer 2

这里使用getComputedStyle()而不使用JQuery。使用此功能，您可以获得在所有级联和覆盖完成之后呈现在页面上的实际样式：

const td = document.querySelector("table tr td"); // you can use JQuery here, if that makes you happy, or whichever way to select the element from the DOM.
const colour = getComputedStyle(td).backgroundColor;

console.log(colour);

这样，您可以从任何元素获取任何实际的呈现的CSS属性。唯一的警告是用camelCase（background-color-> backgroundColor）代替烤肉串。

如何使用JavaScript或jQuery获取td值的字体颜色或文本颜色

2 个答案: