Как получить элемент nth jQuery

В jQuery $("...").get(3) возвращает третий элемент DOM. Какова функция возврата третьего элемента jQuery?

Почему бы не сначала просмотреть страницу (коротких) селекторов?

Здесь это: оператор :eq() . Он используется так же, как get() , но возвращает объект jQuery.

Или вы также можете использовать .eq() .

Вы можете использовать селектор : eq , например:

 $("td:eq(2)").css("color", "red"); // gets the third td element 

Или функция Traversing / eq :

 $("td").eq(2).css("color", "red"); 

Также помните, что индексы основаны на нуле.

если у вас есть контроль над запросом, который создает объект jQuery, используйте :eq()

 $("div:eq(2)") 

Если у вас нет контроля над ним (например, он передается из другой функции или что-то еще), используйте .eq()

 var $thirdElement = $jqObj.eq(2); 

Или, если вам нужен раздел из них (скажем, третий, четвертый и пятый элементы), используйте .slice()

 var $third4th5thElements = $jqObj.slice(2, 5); 

Я думаю, вы можете использовать это

 $("ul li:nth-child(2)").append(" - 2nd!"); 

Он находит второй li в каждой совпадающей ul и отмечает его.

.eq () – целое число, указывающее положение элемента на основе 0.

Пример:

Рассмотрим страницу с простым списком на ней:

 
  • list item 1
  • list item 2
  • list item 3
  • list item 4

Мы можем применить этот метод к набору элементов списка:

 $( "li" ).eq( 2 ).css( "background-color", "red" ); 

Для получения дополнительной информации: .eq ()

Если у вас уже есть объект jquery в переменной, вы также можете просто рассматривать его как обычный индексированный массив без использования jquery:

 var all_rows = $("tr"); for(var i=0; i < all_rows.length; i++){ var row = all_rows[i]; //additionally, you can use it again in a jquery selector $(row).css("background-color","black"); } 

Хотя приведенный выше пример никоим образом не является полезным, он представляет, как вы можете обрабатывать объекты, созданные jquery, как индексированные массивы.

Если я правильно понимаю ваш вопрос, вы всегда можете просто обернуть функцию get следующим образом:

 var $someJqueryEl = $($('.myJqueryEls').get(3)); 

Если вы хотите получить конкретный элемент / узел или тег в цикле, например,

 

Monday

Tuesday

Wednesday

Thursday

Итак, из вышеперечисленного цикла кода выполняется, и мы хотим, чтобы определенное поле выбиралось для этого, мы должны использовать выбор jQuery, который может выбирать только ожидающий элемент из цикла выше, поэтому код будет

 $('.weekdays:eq(n)'); 

например

 $('.weekdays:eq(0)'); 

а также другим способом

 $('.weekday').find('p').first('.weekdays').next()/last()/prev(); 

но первый метод более эффективен, когда HTML имеет уникальное имя classа.

ПРИМЕЧАНИЕ. Второй метод используется, когда они не являются именем classа в целевом элементе или узле.

для получения дополнительной информации https://api.jquery.com/eq/

Итерации с использованием селектора, похоже, не имеют никакого смысла:

 var some = $( '...' ); for( i = some.length -1; i>=0; --i ) { // Have to transform in a jquery object again: // var item = $( some[ i ] ); // use item at will // ... } 

Live Пример доступа и удаления N-го элемента с помощью jQuery:

      
  1. First
  2. Second
  3. Third
В-
  1. First
  2. Second
  3. Third

Когда он запускается, в упорядоченном списке отображаются два элемента: Первый и Третий. Второй был скрыт.

  $(function(){ $(document).find('div').siblings().each(function(){ var obj = $(this); obj.find('div').each(function(){ var obj1 = $(this); if(!obj1.children().length > 0){ alert(obj1.html()); } }); }); }); 
XYZ Pvt. Ltd.
ABC Pvt Ltd.
и $(function(){ $(document).find('div').siblings().each(function(){ var obj = $(this); obj.find('div').each(function(){ var obj1 = $(this); if(!obj1.children().length > 0){ alert(obj1.html()); } }); }); });
XYZ Pvt. Ltd.
ABC Pvt Ltd.
  • jQuery watch div
  • jQuery - В чем разница между $ (document) .ready и $ (window) .load?
  • Получить индекс элемента как дочернего по отношению к родительскому
  • Как проверить массив входов с помощью validate plugin jquery
  • Как динамически изменять содержимое в iframe с помощью jquery?
  • jQuery прокручивает до ID с другой страницы
  • Как сравнить два значения даты с jQuery
  • Как я могу реализовать onchange с помощью jQuery?
  • jQuery - получить заголовки ответов AJAX
  • Выделите все флажки с помощью jQuery
  • Загрузите JQuery в расширение Chrome?
  • Interesting Posts

    Что делает оператор ^ в Java?

    Первая буква Заглавные буквы и другие буквы в нижнем регистре в css?

    Ярлыки клавиш в оболочке Bash

    Сообщение LogCat: Ресурсы служб Google Play не найдены. Проверьте конфигурацию проекта, чтобы убедиться, что ресурсы включены.

    Проверка подлинности электронной почты с помощью jQuery

    Angular 2 – просмотр не обновляется после изменения модели

    Как мне сначала разделить мои таблицы в EF Code?

    Как создать «Отправить на« FOLDER »« похожее на отправку на рабочий стол ярлыка?

    Сопоставления файлов для Windows 8

    «Плохо» использовать try-catch для управления streamами в .NET?

    Как преобразовать целое число в локализованное имя месяца в Java?

    Неявные преобразования C ++

    Доступ Android к удаленной базе данных SQL

    Получите разницу между датами в виде недель, месяцев, кварталов и лет

    Извлечение нескольких числовых значений из смешанных символов в листе excel

    Давайте будем гением компьютера.