选择隐藏跨度
尝试在排序列表中的第一个项目中选择跨度，但我似乎不太能正确获取 DOM
<li class="chapterItem"> <a
href="http://www.neuromanga.com/mangaReader.php?chapterNo=12&#pageNo=1"
title="http://www.neuromanga.com/mangaReader.php?chapterNo=12&#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());
Trying to select span within the first item in a usorted list but I can't quite seem to get the DOM right
<li class="chapterItem"> <a
href="http://www.neuromanga.com/mangaReader.php?chapterNo=12&#pageNo=1"
title="http://www.neuromanga.com/mangaReader.php?chapterNo=12&#pageNo=1
">Naruto 522 world</a> <span
id="date">Nov 21st 2010</span> <br>
<span style="display:none"
class="hiddenChapNo">12</span> </li>
Here is the jQuery code I been trying to use to select it
alert($('li').first().$('.hiddenChapNo').text());
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
您需要使用
.find()在这里获取后代，例如这个：或者使用
:first和 < a href="http://api.jquery.com/descendant-selector/" rel="nofollow">后代选择器（空格）：You need to use
.find()to get a descendant here, like this:Or a bit more compact with
:firstand a descendant selector (space):您的代码看起来确实应该可以工作，我假设在这之前还有另一个
使它出错。此外，id 在网页中（应该）是唯一的，因此
$('#hiddenChapNo')应该足够了。假设您需要多个隐藏跨度，标记它们的正确方法是
（然后您也可以使用 CSS 而不是内联样式隐藏它们）。Your code certainly looks like it should work, I assume that there's another
<li>before this one that trips it up.Also, ids are (should be) unique in a web page, so
$('#hiddenChapNo')should be sufficient.Assuming you need multiple hidden spans, the proper way to mark them would be
<span class="hiddenChapNo">(you can then also hide them with CSS instead of inline styles).尝试仅使用
alert($('#hiddenChapNo').text());。id在页面上应该是唯一的，如果需要的话可以使用类。Try just using
alert($('#hiddenChapNo').text());. Anidshould be unique on a page, use classes if you need otherwise.找到了解决方案
Found a solution