Jquery 与 $this 的混淆

标签 jquery html

有没有一种方法可以只显示我悬停在其上的框的按钮,而不使用 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>​

最佳答案

您可以指定要搜索的上下文,以便 $('.list_remove', this).fadeIn("200"); 将在 .list_remove 后代中淡出.boxes

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

关于Jquery 与 $this 的混淆,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13966696/

相关文章:

javascript - 如何在 JavaScript 中解析 excel 文件?

php - Jquery自动完成在一行中显示来自mysql的两行

javascript - 不存在的奇怪的意外 token

javascript - 使用 jquery 更改链接样式和属性

php - 我怎样才能阻止这个图像移动?

HTML 和 CSS 不规则三 Angular 形图片库

javascript - 使用 smoothstate.js 提交表单会导致 smoothstate 触发

jquery - 带有位置绝对元素的动画

javascript - 删除文本层并替换为图像

javascript - ChartJS 不绘制图表