Jqueryを使用して以下のクラスを動的に更新する必要があります。
<tr id='myID' class="size colour"> <td></td> </tr>
私は以下を使用しようとしました:
$( "#myID")。toggleClass();
私のクラス名は「サイズカラー」なのでうまくいかないようです。クラス名が動的であるため、removeClassを使用できませんでした。誰かが私を助けてくれませんか。
ありがとうございました。
Jqueryを使用して以下のクラスを動的に更新する必要があります。
<tr id='myID' class="size colour"> <td></td> </tr>
私は以下を使用しようとしました:
$( "#myID")。toggleClass();
私のクラス名は「サイズカラー」なのでうまくいかないようです。クラス名が動的であるため、removeClassを使用できませんでした。誰かが私を助けてくれませんか。
ありがとうございました。
クラス名をパラメーターとして渡す必要がある場合があります。.toggleClass( className )
それ以外の場合は機能しています。ここを参照してください。要素を検査して結果を確認します。
クラス名はありませんsize colour
が、要素には2つのクラスがsize
あり、colour
これらは互いに独立しています。
toggleClass()
引数なしで現在存在するクラスを削除するため、あなたの場合
$("#myID").toggleClass();
と の両方のクラスを削除しsize
ますcolour
。2 回目の呼び出しで、これらすべてのクラスが再び追加されます。
これが意図したものである場合、問題なく動作し、エラーは別の場所にあります。それ以外の場合は、正確に何を達成したいのかを明確にする必要があります。
アニメーションでクラスを切り替えるには、JqueryUI を使用する必要があります。
ドキュメントとデモはこちら: http://jqueryui.com/demos/toggleClass/
クラスを削除するのか、そこに別のクラスを追加するのかわからない......しかし、これは役立つかもしれません...
// to remove class
$("#myID").attr('class','');
output: <tr id='myID' class="">
//to add something to your exsiting class
var classname=$("#myID").attr('class');
$("#myID").attr('class',classname +' yourclassname');
output: <tr id='myID' class="size colour yourclassname">