Question

I’m trying to wrap my head around this. e.g. Let’s say I wanted to select #cp-Rollup, the first one. (sorry about my question title. Not sure how to word it)

$('.stats-tabs-position[href*="#cp-Rollup"]').click(function() {
        alert("cp-Rollup");
        });


                <ul class="stats-tabs-position">
                    <li class="settings-tabs"><a href="#cp-Rollup">Rollup</a></li>
                    <li class="settings-tabs"><a href="#cp-Vehicle">Vehicle</a></li>
                    <li class="settings-tabs"><a href="#cp-Personnel">Personnel</a></li>
                    <li class="settings-tabs"><a href="#cp-LogisticsRole">Logistics Role</a></li>
                    <li class="settings-tabs"><a href="#cp-LogisticsClass">Logistics Class</a></li>
                </ul>

Answer 1

Add the anchor (a) element before the [href* like this:

$('.stats-tabs-position a[href*="#cp-Rollup"]').click(function() {
    alert("cp-Rollup");
});

http://jsfiddle.net/SZFyN/