的onClick變化列表樣式*但

從最後一個問題的後續行動回答：onClick change list styles 的onClick變化列表樣式*但

除了更改所有類的，更改所有類，但「李時珍」與特定的類。所以如果其中一個li有類名「dontChange」，它的類名不會改變，但所有其他的將會改變。

當您單擊一個項目時，應該將其更改爲「單擊」所有其他項目，但將項目的「dontChange」更改爲「notClicked」。當你雙擊一個「單擊」或「未點擊」項目時，它應該改變爲「dontChange」，其他一切應該改變爲「未點擊」。

感謝，顏

2010-12-18 Yan

試試這個

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 

<head> 
    <title></title> 
<script language="JavaScript" type="text/javascript"> 
/*<![CDATA[*/ 
var Lst; 

function CngClass(obj){ 
if (Lst) Lst.className=''; 
if(obj.className=='dontChange') 
{ 
    obj.className='dontChange'; 
} 
else 
{ 
obj.className='Clicked'; 
Lst=obj; 
} 

} 

/*]]>*/ 
</script> 
<style> 
    .notClicked {color: black} 
    .Clicked {color: red} 
    .dontChange {color: blue} 

</style></head> 

<body> 

<ul> 
<li> 
<a onclick="CngClass(this);" href="#" class="notClicked">Test 1 
</a> 
</li> 
<li> 
<a onclick="CngClass(this);" href="#" class="notClicked">Test 2 
</a> 
</li> 
<li> 
<a onclick="CngClass(this);" href="#" class="dontChange">Test 3 
</a> 
</li> 
</ul> 

</body> 


</html>

來源

2010-12-18 10:44:43

測試不與我的變更工作，請看看（CLASS =播放項目，是一個我想擁有）：http://jsbin.com/abedi5/edit – Yan 2010-12-18 11:12:27

我認爲問題是當雙擊它也打電話onclick事件... – 2010-12-18 11:42:11

可以做任何事情？ – Yan 2010-12-18 11:59:55

我想你應該看看jQuery的。您可以編寫一個像這樣的選擇器來向所有沒有dontChange類的li添加一個類。

$('li').not('.dontChange').addClass('changed');

來源

2010-12-18 10:46:46 GolezTrol

使用的代碼，你會想要將它更改爲這樣的事情

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 

<head> 
    <title></title> 
<script language="JavaScript" type="text/javascript"> 
var Lst; 

function CngClass(obj){ 
if(obj.className=='notClicked') 
{ obj.className='Clicked'; 
    Lst=obj; 
} 
} 

</script> 
<style> 
    .notClicked .dontChange{color: black} 
    .Clicked {color: red} 
</style></head> 

<body> 

<ul> 
<li> 
<a onclick="CngClass(this);" href="#" class="dontChange">1 
</a> 
</li> 
<li> 
<a onclick="CngClass(this);" href="#" class="notClicked">2 
</a> 
</li> 
<li> 
<a onclick="CngClass(this);" href="#" class="notClicked">3 
</a> 
</li> 
</ul> 

</body> 


</html>

以前回答這個簡單的說，如果它是一個特定的類，然後改變它。

在FF3.61

來源

2010-12-18 10:48:10 Ross

的onClick變化列表樣式*但

回答

相關問題