Как я могу выбрать предмет с классом в DIV?

У меня есть следующий HTML-код:

<div id="mydiv">
  <div class="myclass"></div>
</div>

Я хочу иметь возможность использовать селектор, который выбирает внутренний div, но специфический для контейнера mydiv. Как я могу добиться этого с помощью jQuery?

Ответ 1

Попробуйте:

$('#mydiv').find('.myclass');

Демонстрация JS Fiddle.

Или:

$('.myclass','#mydiv');

Демонстрация JS Fiddle.

Или:

$('#mydiv .myclass');

Демонстрация JS Fiddle.

Ссылки:

Полезно учиться из find() документации:

Методы .find() и .children() похожи, за исключением того, что последний перемещается только на один уровень вниз по дереву DOM.

Ответ 2

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

$("#mydiv div.myclass")

Ответ 3

Вы сделаете это так же, как и с селектором css. Для instanse вы можете сделать

$("#mydiv > .myclass")

или

$("#mydiv .myclass")

Последний будет соответствовать каждому классу myDiv внутри myDiv, включая myclass внутри myclass.

Ответ 4

Если вы хотите выбрать каждый элемент с атрибутом класса "myclass", используйте

$('#mydiv .myclass');

Если вы хотите выбрать только элементы div, у которых есть атрибут класса "myclass", используйте

$("div#mydiv div.myclass");

Подробнее о селекторах jquery см. в этих статьях.

Ответ 5

попробуйте вместо этого $(".video-divs.focused"). Это работает, если вы ищете видео-divs, которые сфокусированы.

Ответ 6

Более эффективный и быстрый способ...

$('#mydiv').find('.myclass').html('<span>Hello World</span>');