jQuery在这里面的两个类之间切换

Question

我有这行代码：

$(".dropdown").hover(function () {
        $(".down, .up").toggleClass("down up");
    });

这样可行，但是我希望它在this下拉元素中的两个类之间切换，目前它在所有.dropdown元素的两个类之间切换。

我知道你可以这样做$（＆＃34; .down＆＃34;，这个）....但我如何将它应用于.down和.up？

Answer 1

或者可能是：

$(".dropdown").hover(function () {
    $(this).find(".down, .up").toggleClass("down up");
});

Answer 2

您只需将this上下文添加到您已使用的选择器即可实现此目的，例如：

$(".dropdown").hover(function () {
  $(".down, .up", this).toggleClass("down up");
});

但是，我建议使用CSS是一个更好的选择。它更具语义性，而且表现更好：

＆＃13;

＆＃13;

.dropdown .down { color: red; }
.dropdown .up { color: blue; }

.dropdown:hover .down { color: blue; }
.dropdown:hover .up { color: red; }

＆＃13;

<div class="dropdown">
  <div class="up">Up</div>
  <div class="down">Down</div>
</div><br />

<div class="dropdown">
  <div class="up">Up</div>
  <div class="down">Down</div>
</div>

＆＃13;

＆＃13;

＆＃13;