JQuery 选择器有

Question

我正在努力解决这个问题。例如假设我想选择第一个#cp-Rollup。 (抱歉我的问题标题。不知道如何措辞)

$('.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

在 [href* 之前添加 anchor (a) 元素，如下所示:

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

http://jsfiddle.net/SZFyN/