javascript - 创建按钮，切换不包含特定文本颜色的表行的可见性

Question

我正在使用 DataTables jQuery plugin格式化 <table> ，我想创建一个按钮来切换任何 <tr> 的可见性不包含 <span>带文字颜色#bfbfff。该表的结构如下:

<a id="notes">Filter</a>

<table id="qpidvulh_to-do_list">
    <tr>
        <td>
            <span style="color: #bfbfff">Content</span>
        </td>
    </tr>
    <tr>
        <td>
            <span>Content</span>
        </td>
    </tr>
</table>

我想出的 jQuery 到目前为止还行不通:

$("a#notes").on("click", function() {
    if ($('#qpidvulh_to-do_list tr span:not').css('color') == '#bfbfff') {
        $(this).parent("tr").toggle();
    }
} );

JSFiddle

Answer 1

2个问题:

---

1。您没有导入 jQuery。

解决这个问题。

---

2。 span:not 不是正确的选择器

只需选择所有具有正确样式属性的 span。然后隐藏父<tr>那个跨度。

$("#qpidvulh_to-do_list tr td span[style='color:#b3b3ff;']").closest("tr").toggle();

---

编辑:

这是隐藏非彩色 span 的代码。

$("#qpidvulh_to-do_list tr").toggle();
$("#qpidvulh_to-do_list tr td span[style='color:#b3b3ff;']").closest("tr").toggle();

JSFiddle