我无法弄清楚的 Jquery .siblings( ) 错误

Question

你好，你能看出我在 jquery 上做错了什么吗？我试图做到这一点，当您将鼠标悬停在其中一个文本上时，将应用 css 的另外两个文本。错误与 $(".yo") 或 ('blur'); 有关。我把他们联系错了吗？提前致谢

我已经编辑了 jquery 但现在在 mouseout 上它仍然与 css 一起打开？!

Jquery:

$(".blur").mouseover(function(){
    $(this).siblings().addClass('blur textshadow');     }).mouseout(function(){
    $(this).siblings().removeClass('textshadow out');
}); 

HTML:

<div class="yo">
<div class="blur out" id="one"> hi </div>
<div class="blur out" id="two"> my </div>
<div class="blur out" id="three"> name </div>
</div>

CSS:

div.blur
{
text-decoration: none;
color: #339;
}

div.blur:hover, div.blur:focus
{
text-decoration: underline;
color: #933;
}

.textshadow div.blur, .textshadow div.blur:hover, .textshadow div.blur:focus
{
text-decoration: none;
color: rgba(0,0,0,0);
outline: 0 none;
-webkit-transition: 400ms ease 100ms;
-moz-transition: 400ms ease 100ms;
transition: 400ms ease 100ms;
}

.textshadow div.blur,
.textshadow div.blur.out:hover, .textshadow div.blur.out:focus
{
text-shadow: 0 0 4px #339;
}

.textshadow div.blur.out,
.textshadow div.blur:hover, .textshadow div.blur:focus
{
text-shadow: 0 0 0 #339;
}

Answer 1

.blur是 child - 使用 $(this).children() 获取他们.

<a class="yo">
    <a class="blur out" id="one"> hi </a>
    <a class="blur out" id="two"> my </a>
    <a class="blur out" id="three"> name </a>
</a>

也就是说，你不应该嵌套 <a>标签。你确定你不是要使用 div标签？

---

.blur是 sibling - 用 $(this).siblings() 获取他们.

<a class="yo">whatever</a>
<a class="blur out" id="one"> hi </a>
<a class="blur out" id="two"> my </a>
<a class="blur out" id="three"> name </a>