JQuery: выбрать все DIV, вложенные в конкретный DIV

Question

У меня есть архитектура, подобная этой:

<div id="container">
<div>stuff here</div>
<div>stuff here</div>
<div>stuff here</div>
<div>stuff here</div>
</div>

Я хочу, используя jQuery, скрыть курсор, когда мышь вводит #container. Однако, поскольку вложенные элементы div отображаются сверху, это не совсем так. Как я могу скрыть курсор мыши при наведении курсора на любой из div в пределах #container. Ниже приведен код сокрытия курсора.

        $('#container').mouseover(function()
        {
            $(this).css({cursor: 'none'});
        });

Answer 1

Смею ли я сказать, что вы можете просто нацелить и родительские и дочерние div?

$('#container, #container div').mouseover(function()
{
    $(this).css({cursor: 'none'});
});

Конечно, я не проверял это, но должен был использовать аналогичный метод для изменения курсора <li> с <label> потомком.

Вы можете немного расширить это, используя функцию children().

Answer 2

Хотя есть несколько правильных ответов, я думаю, что это более эффективно.

$('#container').mouseover(function(){
   $(this).children().andSelf().css('cursor', 'none');
});

Таким образом, вы используете только один прослушиватель событий на #container.

Answer 3

Используйте селектор детей ().

$('#container').children().mouseover(function()
    {
        $(this).css({cursor: 'none'});
    });

Answer 4

Попробуйте это:

$('#container > div').mouseover(function()
{
    $(this).css('cursor', 'none');
});