jquery - 用jQuery影响单个元素

我想做的是，当用户在函数中将鼠标悬停在.yell-button上时，.yell-box-txt将消失。

唯一的问题是，网站上只有一个按钮，每当我将鼠标悬停在其中一个按钮上时，所有文本字段都将消失。

这是我的功能：

$('.yell-button').hover(function(){

     $('.yell-box-txt').remove()

})

提前谢谢你的帮助

最佳答案

在不知道您的标记的情况下，我怀疑您的.yell-box-txt与您的.yell-button处于同一块中。所以对于这样的标记：

<div>
    <a class="yell-button">text button</a>
    <span class="yell-box-txt">text</a>
</div>

您想使用如下形式：

$('.yell-button').hover(function() {
    $(this).closest('div').find('.yell-box-txt').remove();
});

关于jquery - 用jQuery影响单个元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1859557/