如何搜索特定属性及其值并为其分配一些 css答案

【问题标题】：How to search for particular attribute and its value and assign some css on it如何搜索特定属性及其值并为其分配一些 css
【发布时间】：2019-08-01 15:41:36
【问题描述】：

我有一个 html 文件：

<html>
<body>
<div id="1">
<table>
<tr>
    <td><input giveBorder="no"></td>
    <td><input giveBorder="no"></td>
    <td><input giveBorder="yes"></td>
</tr>

<tr>
    <td><input giveBorder="no"></td>
    <td><input giveBorder="no"></td>
    <td><input giveBorder="no"></td>
</tr>

</table>
</div>



<div id="2">
<table>

    <tr>
    <td><input giveBorder="yes"></td>
    <td><input giveBorder="no"></td>
    <td><input giveBorder="yes"></td>
</tr>

<tr>
    <td><input giveBorder="yes"></td>
    <td><input giveBorder="no"></td>
    <td><input giveBorder="no"></td>
</tr>

</table>
</div>



<div id="3">
<table>
<tr>
    <td><input giveBorder="no"></td>
    <td><input giveBorder="no"></td>
    <td><input giveBorder="no"></td>
</tr>

<tr>
    <td><input giveBorder="no"></td>
    <td><input giveBorder="no"></td>
    <td><input giveBorder="no"></td>
</tr>

</table>
</div>
</body>

我正在遍历所有 div，现在我需要搜索整个表是否包含特定的属性和值。我需要在整个表中搜索giveBorder="yes"。如果它的任何字段包含，那么我需要为该表设置边框并使用 jQuery 将边框颜色设置为红色。

在遍历 div 之后我尝试了

var par = $(this).parent('table');
if(par.has('giveBorder="yes"').length === 0) {
    console.log("table has to be set red border");
}

如何在整个表中搜索该属性，并为其设置 css？

【问题讨论】：

jQuery find element by data attribute value的可能重复

标签： jquery html css

【解决方案1】：

你有错误的选择器试试属性选择器：

var par = $(this).parent('table');
if(par.has('[giveBorder="yes"]')) {
console.log("table has to be set red border");
}

或

var par = $(this).parent('table');
if(par.find('[giveBorder="yes"]').length) {
console.log("table has to be set red border");
}

【讨论】：

【解决方案2】：

   $("input[giveBorder=yes]").parents("table").css("border", "1px solid red");

【讨论】：

你应该多解释一下你的答案。仅从这一点，就很难判断您的答案如何或为什么有效。