リンクをクリックしたときにTDをハイライトする方法

Question

ロード後にリンクをクリックすると、<td>セルをカラーで選択するにはどうすればよいですか？

<td class="allCommsCSS"> 
    <a id="removevisited" href="todays.aspx?s=c">Today</a> 
</td> 

Answer 1

$(function() { 
    $("a").on('click',function() {$(this).parents('td:first').css('background-color','red'}) 
}); 

私は一日、あなたが本部とaをラップした場合のために、両親を使用 - それはTDをハイライト表示します。 fiddle

jQueryの作業

Answer 2

$("td a").on('click',function() { 
    $(this).parents('td').addClass('bgColor'); 
}) 

CSS

.bgColor { 
    background-color:yellow; 
} 

Answer 3

は新しい<td>がクリックされたときに、以前の選択を削除するかもしれませ：

JS：

$('td').click(function() { 

    $(this).parents('table').find('td').each(function(index, element) { 
     $(element).removeClass('selected'); 
    }); 

    $(this).addClass('selected');  
}); 

CSS：。。

.selected{ background-color:green; color:#ffffff; } 

Demo

Answer 4

$（ "＃はremovevisited"）をクリックします（関数（）{
$（」allCommsCSS "）.css（"背景色 "、"黄色 "）;
}）;