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>

I’m trying to get a list of items that are visible (span tags inside li tags without the hide class)

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

The above selector is giving me an empty array.

I need the selector to give me the span tags within <li> without the hide class.

Answer 1

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

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

Cheers!