jqueryのアクセス第二のクラス

Question

私はテーブルの選択時に背景色を変更するためにjqueryのを使用しています

<td class="header link" id="link-XXX"><a href="/XXX>XXX</a></td> 

を構築していますウェブサイト上で次のような構造を持っています。私が達成したいのは、XXXのフォントを選択時に太字にすることです（これはリンククラスによって制御されます）。

私は、背景色を変更する $(document).ready(function() { $("#link-XXX).css('background-color', '#EBA521'); }); を使用していますが、それは私がリンククラスにアクセスし、大胆にXXXのフォントを変更するにはどうすればよい

に動作しますか？

私は

$("#link-XXX").css('font-weight', 'bold); 

を試してみましたが、それは動作しません。

Answer 1

そうのように、代わりにアンカーを設定してみてください：

$("#link-XXX a").css('font-weight', 'bold);

が、これはより良い、私は行が選択されている追加/ <tr>または<td>たびにクラスを削除することをお勧めしたいようにするには/デ選択された。

.selected a 
{ 
    font-weight:bold; 
} 

あなたが追加することができます/この

$('#link-XXX').addClass('selected');

と

$('#link-XXX').removeClass('selected');

Answer 2

を行うことによって、クラスを削除しますので、同様にしてから、CSSを使用して <td>または <a>のスタイルを制御

現在、tdにスタイルを適用しています。代わりにアンカータグにCSSを適用してください。 お試しください$("#link-XXX a").css('font-weight', 'bold');
これは動作します。クラスを追加したり削除したりするには、jQueryでaddClass（）とremoveClass（）関数を使用できます。これを見てくださいlink

Answer 3

私は多くのことを複雑にすることはお勧めしませんし、CSSの変更されたクラス名を使用して、フォントの重量の変更を行うには、かなり同じことを達成するためにjQueryを使用するより複雑な方法で：

.link-xxx a { 
    font-weight: bold; 
} 

/* or */ 

.link-xxx { 
    font-weight: bold; 
} 
.link-xxx a { 
    font-weight: inherit; 
}