使用jQuery获取第一个可见元素

前端之家收集整理的这篇文章主要介绍了使用jQuery获取第一个可见元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
尝试使用jQuery的第一个和可见的伪选择器来获取列表的第一个可见元素,如下所示: http://stackoverflow.com/a/830611/165673但是它不工作:

小提琴:http://jsfiddle.net/FAY9q/4/

HTML:

<ul>
    <li>Item A</li>
    <li>Item B</li>
    <li>Item C</li>
</ul>
<ul>
    <li style="display:none;">Item A</li>
    <li>Item B</li>
    <li>Item C</li>
</ul>

JQUERY:

$('li:visible:first').css('background','blue');

每个列表中的第一个项目应该变成蓝色…

解决方法

尝试使用这个:
$('ul').find('li:visible:first').css('background','blue');

目前,您的代码只是获取页面上第一个可见的li元素并设置背景颜色。此代码选择所有的ul元素,然后在每个元素中找到第一个可见的元素并应用该样式。

这里工作:http://jsfiddle.net/FAY9q/5/

原文链接:https://www.f2er.com/jquery/182707.html

猜你在找的jQuery相关文章