Question

我有很多div，我想淡化这个被徘徊的人我怎么能得到悬停的div的身份？
除了用“onmouseover”调用函数（和sendind id）之外，还有吗？谢谢！

Answer 1

尝试类似

的内容

$(".classes").mouseover(function() {
    $(this).function();
};

获取使用attr函数的元素的ID

$('.name').attr('id');

Answer 2

将鼠标悬停在这些div上......

HTML：

<div class="add_post_cmmnt" id="box-100" >Box1</div>
<div class="add_post_cmmnt" id="box-200" >Box2</div>
<div class="add_post_cmmnt" id="box-400" >Box3</div>

的 JavaScript的： 的

$(".add_post_cmmnt").hover(function(e) { var id = this.id; // Get the id of this console.log("id is " + id); //Test output on console $('#pid').val(id); // Set this value to any of input text box $(this).fadeOut(400); // Finally Fadeout this div });

Answer 3

您可以设置一个类来在应用动画后标记div，以便您可以轻松识别悬停的div。

(function($){
    $.fn.extend({ 
        myDivHover: function(){
            var $set = $(this);
            return $set.each(function(){
                var $el = $(this);
                $el.hover(function(){
                    fadeOutAnimation( $el, $set );
                }, function(){
                    fadeInAnimation( $el );
                });

            });
        }
    });

    function fadeOutAnimation( $target, $set ){

        // Revert any other faded elements
        fadeInAnimation( $set.filter('.hovered') );

        // Your fade code here
        ...
        ...

        // Flag
        $target.addClass('hovered');
    }

    function fadeInAnimation( $target ){

        // You revert fade code here
        ...
        ...

        // Unflag 
        $target.removeClass('hovered');
    }

})(jQuery);

// Apply it to the divs with XXX class
$('div.XXX').myDivHover();

// Select hovered item
var theID = $('div.XXX').filter('.hovered').attr('id');

希望有所帮助：）

jQuery：从课堂上获取ID

3 个答案: