如何在单击链接时突出​​显示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包裹在Div中 - 它会突出显示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”）。click（function（）{
        $（“。allCommsCSS”）。css（“background-color”，“yellow”）;
        }）;