Jquery multiple selectors with this

Question

I've searched but can't find how to do this. I'm trying to make the elements with comment-modbox inside this hide and show:

$('.comment-wrapper').each(function (index) {

    $(this, '.comment-modbox').mouseover(function () {
        $('.comment-modbox').show();
    });

    $(this, '.comment-modbox').mouseout(function () {
        $('.comment-modbox').hide();
    });
});

This code just hides and shows all comment-modbox regardless as to if they are contained within this.

Thanks for any help!

Answer:

$('.comment-wrapper').each(function (index) {

    $(this).mouseover(function () {
        $('.comment-modbox', this).show();
    });

    $(this).mouseout(function () {
        $('.comment-modbox', this).hide();
    });
});

andres descalzo · Accepted Answer · 2011-04-18 21:17:52Z

6

try this (jQuery("selector", context)...)

$('.comment-wrapper').each(function (index) {

    $('.comment-modbox', this).mouseover(function () {
        $(this).show();
    });

    $('.comment-modbox', this).mouseout(function () {
        $(this).hide();
    });
});

Second choice:

$('.comment-wrapper').each(function (index) {

    var wrapper = this; 

    $('.comment-modbox', wrapper)
        .mouseover(function () {
            $(this).show();
        })
        .mouseout(function () {
            $(this).hide();
        });
});

edited Apr 18, 2011 at 21:17

answered Apr 18, 2011 at 21:10

andres descalzo

15k14 gold badges66 silver badges119 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Tom Gullen Over a year ago

Thanks, but this doesn't appear to do anything :-(

andres descalzo Over a year ago

You can put some html to see the structure of "comment-wrapper" and "comment-modbox"

Felix Kling Over a year ago

Or just use $(this).find(....) which is what $(...., this) is doing internally.

Collectives™ on Stack Overflow

Jquery multiple selectors with this

Answer:

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Answer:

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related