2009-09-08 42 views
1

我有3個按鈕。我試圖獲得它,這樣當點擊它時,它會得到一個「這個按鈕」的類,並從其他類中刪除該類。

<button id="button1">Button1</button> 
    <button id="button2">Button2</button> 
    <button id="button3">Button3</button> 

因此,這裏是我的簡單的事件功能:

$('button').live("click", function(){ 
    $(this).addClass("this-button").siblings().removeClass("this-button"); 
}); 

預期這不起作用。

這裏試試:檢查螢火蟲中的類。 http://jsbin.com/orifo/edit

我真的很困惑。我認爲很明顯,$(this)是指所有的按鈕,而不僅僅是最近一次點擊的按鈕。爲什麼是這樣?它不應該是最新的點擊?

有人可以解釋爲什麼這不起作用。

謝謝。

+0

它爲我工作。我加了 。這個按鈕背景顏色:黃色; },我點擊的按鈕變成了黃色,而其他的則沒有。 – 2009-09-08 01:24:59

回答

1

這是爲什麼?它不應該是最新的點擊?

是的,它是一個點擊。對我來說工作得很好。這是我測試的確切片段。

<style> 
    .this-button { border: solid red 1px; } 
</style> 
<body> 
<div> 
    <button id="button1">Button1</button> 
    <button id="button2">Button2</button> 
    <button id="button3">Button3</button> 
</div> 
<script type="text/javascript" src="jquery-1.3.2.js"></script> 
<script type="text/javascript"> 
    $('button').live('click', function() { 
     $(this).addClass('this-button').siblings().removeClass('this-button'); 
    }); 
</script> 
</body> 
0

這對我有用。我使用的是IE 7和jQuery 1.32。