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

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

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

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

Answer 1

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