javascript - 使用 jQuery 选择具有特定类的第一个和最后一个元素

Question

我有一个带有特定类“place”的 span 列表，其中一些有类“activated”。有没有办法选择第一个类为“激活”的项目和最后一个？

<span class="place" onclick="activate();">1</span>
<span class="place" onclick="activate();">2</span>
<span class="place activated" onclick="activate()">3</span>
<span class="place activated" onclick="activate();">4</span>
<span class="place activated" onclick="activate();">5</span>
<span class="place activated" onclick="activate();">6</span>
<span class="place" onclick="activate();">7</span>

Answer 1

var firstspan = $('span.activated:first'),
    lastspan = $('span.activated:last');

顺便说一句，如果您使用的是 jQuery，那么所有内联点击事件有什么用？

您可以像这样添加一些代码:

$('span.place').click(function() {
    activate(); // you can add `this` as a parameter
                // to activate if you need scope.
});