單擊鏈接時如何點亮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'}) 
}); 

我用過父母，因爲如果有一天你用Div包裝a - 它會突出顯示TD。

Answer 2

工作fiddle

jQuery的

$("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（」background-color「，」yellow「）;
}）;