Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как выбрать элемент по номеру в jQuery?
 
 автор: Trivium   (26.07.2013 в 19:57)   письмо автору
 
 

Всем привет.
Есть вёрстка

<div>...</div>
<div>
<p>1</p>
<p>2</p>
<p>3</p>
</div>
<div>...</div>

Как можно через селекторы jQuery получить второй p во втором диве?

  Ответить  
 
 автор: Deed   (26.07.2013 в 21:05)   письмо автору
 
   для: Trivium   (26.07.2013 в 19:57)
 

http://jsbin.com/ugonoj/1/edit
Один из способов:
$(document).ready(function(){
var second_text = $('div').eq(1).find('p').eq(1).text();
console.log(second_text);
});

  Ответить  
 
 автор: Trivium   (26.07.2013 в 21:07)   письмо автору
 
   для: Deed   (26.07.2013 в 21:05)
 

Спасибо.
Ещё вот вариант нашёл:
$("div > p")[1].innerHTML

А в самом селекторе через CSS-селекторы нельзя никак? Вроде как можно было, я помню...

  Ответить  
 
 автор: Deed   (26.07.2013 в 21:25)   письмо автору
 
   для: Trivium   (26.07.2013 в 21:07)
 

Я расписал, чтобы был понятен механизм поиска.
$('div>p').eq(1) - так корректно.
А "через CSS" - $('div>p:nth-child(2)') - выбрать второй параграф в диве - так корректно в случае, если в DOM'e больше нет дивов с параграфами.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования