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

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

<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

最佳答案

2个问题：



1.您不导入jQuery。

解决这个。



2. span：not不是正确的选择器

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

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

编辑：

这是隐藏非彩色范围的代码。

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

JSFiddle

关于javascript - 创建按钮可切换不包含特定文本颜色的表行的可见性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28204182/