jQuery: Obtenir ids de la classe

voix
3

J'ai beaucoup de années div et je veux effacer ce qui est plané.
Comment puis - je l'id du div plané?
Y at - il de toute façon de le faire , sauf appel de la fonction (et sendind l'id) avec « onmouseover »?
Merci!

Créé 12/12/2009 à 18:34
source utilisateur
Dans d'autres langues...                            


3 réponses

voix
14

essayer quelque chose comme

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

pour obtenir l'ID d'un élément que vous utilisez la fonction attr

$('.name').attr('id');
Créé 12/12/2009 à 18:36
source utilisateur

voix
2

En vol stationnaire sur ces années 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

});
Créé 22/09/2012 à 05:20
source utilisateur

voix
0

Vous pouvez définir une classe pour marquer les divs après avoir appliqué l'animation de sorte que vous pouvez facilement identifier divs survolés.

(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');

J'espère que cela aide :)

Créé 12/12/2009 à 19:54
source utilisateur

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more