Jquery несколько селекторов с этим

Question

Я искал, но не могу найти, как это сделать. Я пытаюсь сделать элементы с comment-modbox внутри this скрыть и показать:

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

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

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

Этот код просто скрывает и показывает все comment-modbox независимо от того, содержатся ли они в this.

Спасибо за любую помощь!

Ответ:

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

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

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

Answer 1

попробуйте это ( jQuery ("селектор", контекст) ... )

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

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

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

Второй выбор:

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

    var wrapper = this; 

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