jquery - 使用 jQuery 影响单个元素

Question

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

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

这是我的功能:

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

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

})

感谢您提前提供的帮助

Answer 1

在不知道您的标记的情况下，我怀疑您的 .yell-box-txt 与您的 .yell-button 位于同一 block 中。因此对于这样的标记:

<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();
});