jQuery:not（"；.selected"；）排除未按预期工作的类！如何修复？

。已选定{
背景颜色：蓝色；
}
一个
两个
三
$（“#tb tr.b”）。不是（“.selected”）。单击（函数（）{
$（此）.toggleClass（“选定”）；
});

元素最初没有类“.selected”，但单击后会将其添加到其中：

2个

现在；单击的行具有类“.selected”；因此，它不能与这个jQuery选择器

$（“#tb tr.b”）。不（“.selected”）

匹配，因为它排除了那些具有类值“.selected”的。但令人惊讶的是，它仍然匹配

---

一旦有了类，我就需要排除该行。添加了“.selected”，如何添加？

一旦您使用

单击绑定侦听器，匹配元素集
$（“#tb tr.b”）。不（“.selected”）
不会每次都重新检查。您绑定到元素，而不是选择器匹配项

如果您需要让它们“可选择”一次，您可以将所有这些简化为：

.selected {
    background-color: blue;
}
</style>

<table id="tb">
    <tr class="b"><td>One</td></tr>
    <tr class="b"><td>Two</td></tr>
    <tr class="b"><td>Three</td></tr>
</table>

<script>
        $("#tb tr.b").not(".selected").click(function () {
            $(this).toggleClass("selected");
        });
</script>

毕竟，你需要使元素不是
。被选中的
。被选中的
。被选中的
，但不是相反，对吗？
一旦你用
点击
，绑定一个监听器，匹配的元素集
$（“#tb tr.b”）。不是（“.selected”）
就不会每次都被重新检查。您绑定到元素，而不是选择器匹配项

如果您需要让它们“可选择”一次，您可以将所有这些简化为：

.selected {
    background-color: blue;
}
</style>

<table id="tb">
    <tr class="b"><td>One</td></tr>
    <tr class="b"><td>Two</td></tr>
    <tr class="b"><td>Three</td></tr>
</table>

<script>
        $("#tb tr.b").not(".selected").click(function () {
            $(this).toggleClass("selected");
        });
</script>

毕竟，你需要使元素不是
。被选中的
。被选中的
。被选中的
，但不是相反，对吗？
一旦你用
点击
，绑定一个监听器，匹配的元素集
$（“#tb tr.b”）。不是（“.selected”）
就不会每次都被重新检查。您绑定到元素，而不是选择器匹配项

如果您需要让它们“可选择”一次，您可以将所有这些简化为：

.selected {
    background-color: blue;
}
</style>

<table id="tb">
    <tr class="b"><td>One</td></tr>
    <tr class="b"><td>Two</td></tr>
    <tr class="b"><td>Three</td></tr>
</table>

<script>
        $("#tb tr.b").not(".selected").click(function () {
            $(this).toggleClass("selected");
        });
</script>

毕竟，你需要使元素不是
。被选中的
。被选中的
。被选中的
，但不是相反，对吗？
一旦你用
点击
，绑定一个监听器，匹配的元素集
$（“#tb tr.b”）。不是（“.selected”）
就不会每次都被重新检查。您绑定到元素，而不是选择器匹配项

如果您需要让它们“可选择”一次，您可以将所有这些简化为：

.selected {
    background-color: blue;
}
</style>

<table id="tb">
    <tr class="b"><td>One</td></tr>
    <tr class="b"><td>Two</td></tr>
    <tr class="b"><td>Three</td></tr>
</table>

<script>
        $("#tb tr.b").not(".selected").click(function () {
            $(this).toggleClass("selected");
        });
</script>

毕竟，您需要创建的元素不是
。选择的
。而是
。选择的
，但不是相反，对吗？
选择器在执行时匹配。绑定事件时，所有元素都没有该类，并且稍后将该类添加到这些元素不会更改绑定

要根据类更改事件绑定，可以使用委派事件，以便在事件发生时评估选择器：

$("#tb tr.b").click(function () {
  $(this).addClass("selected");
});

选择器在执行时匹配。绑定事件时，所有元素都没有该类，并且稍后将该类添加到这些元素不会更改绑定

要根据类更改事件绑定，可以使用委派事件，以便在事件发生时评估选择器：

$("#tb tr.b").click(function () {
  $(this).addClass("selected");
});

选择器在执行时匹配。绑定事件时，所有元素都没有该类，并且稍后将该类添加到这些元素不会更改绑定

要根据类更改事件绑定，可以使用委派事件，以便在事件发生时评估选择器：

$("#tb tr.b").click(function () {
  $(this).addClass("selected");
});

选择器在执行时匹配。绑定事件时，所有元素都没有该类，并且稍后将该类添加到这些元素不会更改绑定

要根据类更改事件绑定，可以使用委派事件，以便在事件发生时评估选择器：

$("#tb tr.b").click(function () {
  $(this).addClass("selected");
});

当您运行
$（“#tb tr.b”）。而不是（“.selected”）。单击…
绑定时，请单击当前未选择的tr上的回调

处理单击时，应该选中类

$("#tb").on("click", "tr.b:not(.selected)", function () {
  $(this).toggleClass("selected");
});

当您运行
$（“#tb tr.b”）。而不是（“.selected”）。单击…
绑定时，请单击当前未选择的tr上的回调

处理单击时，应该选中类

$("#tb").on("click", "tr.b:not(.selected)", function () {
  $(this).toggleClass("selected");
});

当您运行
$（“#tb tr.b”）。而不是（“.selected”）。单击…
绑定时，请单击当前未选择的tr上的回调

处理单击时，应该选中类

$("#tb").on("click", "tr.b:not(.selected)", function () {
  $(this).toggleClass("selected");
});

当您运行
$（“#tb tr.b”）。而不是（“.selected”）。单击…
绑定时，请单击当前未选择的tr上的回调

处理单击时，应该选中类

$("#tb").on("click", "tr.b:not(.selected)", function () {
  $(this).toggleClass("selected");
});