无法弄清楚如何在jQuery中正确使用$(this)来获取悬停元素

时间:2011-06-08 17:37:33

标签: javascript jquery hover this show

所以我有几个称为成就的DIV,每个都包含一个名为recent-share的跨度。我想做的是先将每个最近的分享隐藏起来,并在父母的“实现”课程被徘徊时出现。我正在尝试使用$(this)来获取它,但它不起作用。我假设这是语法错误或其他什么,任何帮助将不胜感激!

<script>
    $(".recent-share").hide();
    $('.achievement').hover(
        function ()) {
            $(this).next(".recent-share").show();
          });

  </script>

3 个答案:

答案 0 :(得分:3)

尝试:

$( ".achievement" ).hover( function() {
    $( this ).find( ".recent-share" ).show();
});

您还遇到语法错误 - 它应该是function () {,而不是function()) {

答案 1 :(得分:1)

.next()针对的是兄弟姐妹。尝试:

<script>
    $(".recent-share").hide();
    $('.achievement').hover(
        function ()) {
            $(this).find(".recent-share").show();
          });

  </script>

答案 2 :(得分:1)

也许尝试其中一种方式:

<强> 1。 children()查找

$(this).children('.recent-share') 

<强> 2。上下文查找

  $('> .recent-share',this) 

第3。 find()

$(this).find('> .recent-share') // is basically the same as nº2 

未经测试,请将此内容放入我的摘要中。