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");

Updated Fiddle