jquery - 获取相同元素的组

Question

有没有一种简单的方法可以单击三个按钮链接来设置一个操作，并且不理会顶部链接（一个），而无需向此 HTML 标记添加其他类？

<div id="mlinks">
  <a href="one">one</a>
  <a href="two">two</a>
  <a href="three">three</a>
  <a href="four">four</a>
</div>


//SET THIS ON CLICK EVENT TO COMMUNICATE WITH THE BOTTOM 3 LINKS, AND LEAVE THE FIRST ONE ALONE.
$('#mlink a').on('click', function() {

})

Answer 1

使用.not()和:first将其过滤掉

$('#mlink a').not(':first').on('click',function(){ .. });

或:not()选择器和:first

$('#mlink a:not(:first)').on('click',function(){ .. });

或:gt()选择器 - 选择所有大于索引 0

$('#mlink a:gt(0)').on('click',function(){ .. });

Answer 2

您可以使用.first()或.eq(0)删除第一个链接项：

var links = $('#mlink a');
links.not(links.first()).on('click', function() {
    // code here
});

Answer 3

尝试使用slice并取出one，

$('#mlink a').slice(1).on('click', function() {

});

演示：http: //jsfiddle.net/RGCKu/

Answer 4

$('#mlinks a:first').nextAll().on('click', function() { });

检查链接：http: //jsfiddle.net/7zDpY/