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和descendant selector（空格）：

更紧凑

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

Answer 2

你的代码看起来确实应该有效，我认为在此代码之前还有另一个<li>将它绊倒。

此外，网页中的ID（应该）是唯一的，因此$('#hiddenChapNo')就足够了。

假设您需要多个隐藏的跨度，标记它们的正确方法是<span class="hiddenChapNo">（您也可以使用CSS而不是内联样式隐藏它们。）

Answer 3

尝试使用alert($('#hiddenChapNo').text());。 id在页面上应该是唯一的，如果需要，请使用类。

Answer 4

找到解决方案

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

选择隐藏的跨度

4 个答案: