javascript - 从未隐藏的列表项中获取项目

Question

<ul id="component-list" class="no-left-margin">
    <li class="component-items hide">
        <span>Login</span>
            <a href="#">
            <i class="icon-remove"></i>
            </a>
    </li>
    <li class="component-items">
        <span>Register</span>
        <a href="#">
            <i class="icon-remove"></i>
        </a>
    </li>

</ul>

我正在尝试获取可见项目的列表（没有隐藏类的 li 标签内的跨度标签）

$('.component-items span').not('.hide');

上面的选择器给了我一个空数组。

<li>我需要选择器在没有隐藏类的情况下给我跨度标签。

Answer 1

$('.component-items').not('.hide').find('span');

Answer 2

$('.component-items:visible span')

http://api.jquery.com/visible-selector/

干杯!

Answer 3

我喜欢使用 css 伪类：not()。

$(".component-items").find("span:not(.hide)")

希望对你有帮助