Используя JQuery, выберите дочерний элемент данного родительского элемента

На панели есть много элементов списка <li> (скажем, родительские элементы). Каждый элемент списка имеет разное количество элементов списка (дочерних элементов).

$(".childItem:nth-child("1");

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

Итак, чтобы было ясно, вы хотите выбрать только первый дочерний элемент? Результат, который вы хотите, будет более понятным, если вы добавите HTML и подробно объясните, какие элементы вы хотите / не хотите выбирать.

— 15.03.2019 12:01

Пожалуйста, предоставьте пример кода.

— 15.03.2019 12:01

Предоставленный пример jQuery недействителен.

— 15.03.2019 12:03

если селектор элемента отличается, elt = $(selector) вернет один единственный элемент. Если он не отличается, он вернет список. Вы можете выбрать конкретный элемент, перейдя elt[n]

— 15.03.2019 12:05

javascript jquery

15.03.2019 11:59

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Ответы 2

Вы можете использовать .childItem:nth-of-type(x), где Икс — дочерний элемент, который вы хотите выбрать. МДН

15.03.2019 12:04

Хотя я покажу решение JQuery, это настолько простая вещь, что JQuery действительно является излишним.

$("ul.list:first-of-type > li:first-of-type").addClass("active");

.active { background-color: yellow; }

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class = "list">
 <li>item</li>
 <li>item</li>
 <li>item</li>
 <li>item</li>
</ul>

<ul class = "list">
 <li>item</li>
 <li>item</li>
 <li>item</li>
 <li>item</li>
</ul>

<ul class = "list">
 <li>item</li>
 <li>item</li>
 <li>item</li>
 <li>item</li>
</ul>

<ul class = "list">
 <li>item</li>
 <li>item</li>
 <li>item</li>
 <li>item</li>
</ul>

15.03.2019 12:09

Другие вопросы по теме

Заполните многие поля ввода значением кнопок с помощью jquery и javascript

Создавать модальные динамически из ответа json

Не работает $(this).removeAttr('123').attr('456','');

Как создать навигационную стрелку в карусели Owl

Сравнить два массива с css-свойствами с

Выравнивание текста с данными jQuery в нижних колонтитулах

JS str.split() не будет работать с данными, полученными с помощью Jquery?

Как скрыть данные с помощью js с помощью java

JQuery: содержит и нажмите кнопку для установки файлов cookie

Как предварительно выбрать значение в Select, которое динамически загружается в Material Design Lite?

Используя JQuery, выберите дочерний элемент данного родительского элемента

Ответы 2

Другие вопросы по теме

Похожие вопросы