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() {

});

DEMO： http://jsfiddle.net/RGCKu/

Answer 4

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

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

获得相同元素的组

4 个答案: