выбор скрытого диапазона

Question

Попытка выбрать диапазон в первом элементе списка, но я не могу понять, правильно ли DOM

    <li class="chapterItem"> <a
    href="http://www.neuromanga.com/mangaReader.php?chapterNo=12&amp;#pageNo=1"
    title="http://www.neuromanga.com/mangaReader.php?chapterNo=12&amp;#pageNo=1
    ">Naruto 522 world</a> <span
    id="date">Nov 21st 2010</span> <br>
    <span style="display:none"
    class="hiddenChapNo">12</span> </li>

Вот код jQuery, который я пытался использовать, чтобы выделить его

alert($('li').first().$('.hiddenChapNo').text());

Answer 1

Вам нужно использовать .find(), чтобы получить потомка, вот так:

alert($('li').first().find('.hiddenChapNo').text());

Или немного более компактный с :first и селектором потомка (пробел):

alert($('li:first .hiddenChapNo').text());

Answer 2

Нашли решение

alert($('.hiddenChapNo').first().text());

Answer 3

Попробуйте просто использовать alert($('#hiddenChapNo').text());. id должен быть уникальным на странице, используйте классы, если вам нужно иначе.

Answer 4

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

Кроме того, идентификаторы (должны быть) уникальны на веб-странице, поэтому $('#hiddenChapNo') должно быть достаточно.

При условии, что вам нужно несколько скрытых диапазонов, правильный способ пометить их будет <span class="hiddenChapNo"> (вы можете также скрыть их с помощью CSS вместо встроенных стилей).