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

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标签内的span标签）

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

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

我需要选择器在<li>内给出我没有隐藏类的span标记。

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)")

希望它可以帮到你