Opgelost verander style als op anchor geklikt

nuet

Ik heb een anchor waarbij de style van een ander element moet veranderen als er op geklikt is:
Dit is de html structuur:

<a href="javascript:fnSelect(\\\'id\\\');" class="selectable">[Select All Code]</a>

<ol class="linenums">
<li class="L0">one</li>
<li class="L1">two</li>
<li class="L2">three</li>
</ol>

Dit is de normale style:

ol.linenums li {
list-style: decimal;
}

Als er op het anchor geklikt wordt moet deze style overschreven worden naar:

ol.linenums li {
list-style: none;
}

Weet ff niet hoe ik dit spits krijg

vinTage

Als je jQuery gebruikt, kun je een click event van die link, knopen aan api.jquery.com/toggleclass/

nuet

Idd, die toggeclass werkt perfect:

<a href="javascript:fnSelect(\\\'id\\\');" class="selectable">[Select All Code]</a>

<ol class="linenums">
   <li>een</li>
   <li>twee</li>
   <li>drie</li>
</ol>

js;

$(document).ready(function(){
    $("a.selectable").click(function(){
        $("ol.linenums li").toggleClass("switch");
    });
});

css:

ol.linenums li {
    list-style: decimal;
}
 ol.linenums li.switch{
    list-style: none !important;
}

http://jsfiddle.net/Ax8Hz/16/

nuet

Kwam er pas achter dat de lijnnummers wel uit te sluiten zijn van de select area:
http://jsfiddle.net/Ax8Hz/15/

ol.linenums li {
	
	list-style-type: decimal;
	/* dont' select linenumbers */
    -user-select: none;
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
	
}
/* select only code */
ol.linenums li code {
    -user-select: all;
    -webkit-user-select: all; /* Chrome/Safari */
    -webkit-user-select: text; /* Safari only */
    -moz-user-select: all; /* Firefox */
    -ms-user-select: all; /* IE10+ */
}

Die toggleClass optie was dus niet nodig geweest:

Eigenlijk had dit ook niet gehoeven want de lijnnummers werden weliswaar geselecteerd maar niet gekopieerd naar het clipboard . Maar kan me voorstellen dat zoiets toch verwarring schept vandaar dat ik zocht om ze ook niet eens te selecteren
http://develop3.webprofis.nl/discussion/460/test-code-block#latest
De nieuwe editor heeft nog maar 1 code toets en alle code wordt met GooglePrettify gehighlight (javascript gebaseerd)