Javascript 查找与jquery中悬停的元素具有相同父级的所有子级

我有一份主题清单。在每个主题中，我都有项目。 当我将一个项目悬停时，我会尝试更改此主题的每个项目的颜色

<div class="subject">
    <div class="item">hello</div>
    <div class="item">hello2</div>
    <div class="item">hello3</div>
</div>

<div class="subject">
    <div class="item">hello</div>
    <div class="item">hello2</div>
    <div class="item">hello3</div>
</div>

我找不到如何说“所有的孩子都有相同的父母比我的项目悬停”。。。 谢谢

使用：

$(".item").hover(function () {
    $(this).parent().find('.item').addClass("hovering");
}, function () {
    $(this).parent().find('.item').removeClass("hovering");
});

---

将您的JS更改为：

$(".item").hover(function () {
    $(this).addClass("hovering");
}, function () {
    $(".item").removeClass("hovering");
});

以下是JSFIDLE：

---

我已经创建了一个JSFIDLE，请检查一下

$(document).ready(function()
                  {
  $(".item").hover(function () {

    $(this).addClass("hovering");
   }, function () {
    $(this).removeClass("hovering");
  });
});

谢谢

$(".item").hover(function () {
   $(this).siblings().addClass("hovering");
 }, function () {
   $(this).siblings().removeClass("hovering");
});

$(document).ready(function()
                  {
  $(".item").hover(function () {

    $(this).addClass("hovering");
   }, function () {
    $(this).removeClass("hovering");
  });
});