jquery - Jquery 与 $this 混淆

Question

有没有一种方法可以只显示我悬停的框的按钮，而不使用 addclass() 属性并切换可见性。有没有办法做一些$(this).('.list_remove').fadeIn("200");正确的方法来解决这个问题？

http://jsfiddle.net/HjFPR/7/

jQuery

 (function(){

       $('.list_remove').hide();

      $(".boxes").hover(
      function () {
        $('.list_remove').fadeIn("200");
      },
      function () {
         $('.list_remove').fadeOut("200");
      }
    );

    })();​

HTML

<div class="boxes"> 
<input type="button" class="list_remove" value="remove"> </div>
<div class="boxes"> 
    <input type="button" class="list_remove" value="remove">
    </div>​

Answer 1

您可以指定要搜索的上下文，以便$('.list_remove', this).fadeIn("200");在.list_remove.boxes

$(".boxes").hover(
      function () {
        $('.list_remove', this).fadeIn("200");
      },
      function () {
         $('.list_remove', this).fadeOut("200");
      }
);

Answer 2

您可以通过为 jQuery 指定上下文以在其中找到list-remove按钮来做到这一点。

$('.list_remove', this).fadeIn("200");
$('.list_remove', this).fadeOut("200");

更新小提琴