0

この HTML マークアップに追加のクラスを追加せずに、3 つのボタン リンクをクリックしてアクションを設定し、トップ リンク (1 つ) をそのままにしておく簡単な方法はありますか?

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

})
4

4 に答える 4

5

.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(){ .. });
于 2013-08-16T18:00:27.970 に答える
1

.first()またはを使用.eq(0)して、最初のリンク項目を削除できます。

var links = $('#mlink a');
links.not(links.first()).on('click', function() {
    // code here
});
于 2013-08-16T18:01:09.073 に答える
1

使ってみてslice取り出してone、

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

});

デモ: http://jsfiddle.net/RGCKu/

于 2013-08-16T18:01:58.333 に答える
0 
$('#mlinks a:first').nextAll().on('click', function() { });

リンクを確認してください：http://jsfiddle.net/7zDpY/

于 2013-08-16T18:02:07.863 に答える