的jQuery - 添加類裏的點擊

我有下面的標記的jQuery - 添加類裏的點擊

<div id="div1"> 
    <ul> 
     <li><a href="#" id="id1">link1</a></li> 
     <li><a href="#" id="id2">link2</a></li> 
     <li><a href="#" id="id3">link3</a></li> 
    </ul> 
</div>

我想使用jQuery一類從以前被點擊的鏈接添加到點擊的鏈接，並刪除類，像

<li class="selected"><a href="#" id="id1">link1</a></li> 
<li><a href="#" id="id2">link2</a></li> 
<li><a href="#" id="id3">link3</a></li>

另外

$('#div1 li').click(function(e) { 
    $(this).addClass('selected').siblings().removeClass('selected'); 
});

，如果你想在click事件附加到：

來源

2013-01-14 ZedBee

如果你在Google，Bing等人中搜索了一下，你會發現很多關於這個 –

的博客條目和教程將來不只是來這裏得到答案......首先嚐試自己做。 – c0deNinja

對不起，下次再小心點。雖然我在發佈這個問題之前嘗試了一些代碼。 – ZedBee

試試這個：

$('#div1 a').click(function(e) { 
    e.preventDefault(); 
    $('#div1 a').removeClass('selected'); 
    $(this).addClass('selected'); 
});

Example fiddle

來源

2013-01-14 09:01:28

@ZedBee沒問題，很高興幫助 –

你可以做這樣的事情：

$('li a').click(function() { 
    $('li a').removeClass('selected'); 
    $(this).addClass('selected'); 
});

也就是說，首先刪除所有的類，然後將該類添加到已被點擊了一個。

來源

2013-01-14 09:02:07 cowls

的jQuery - 添加類裏的點擊

回答

相關問題