0

下面是我用来显示点击内容的代码（如手风琴）。单击“a”标签会显示内容。那么如何为单击的“a”标签添加 bgcolor 为白色。

HTML

<ul class="accordion">
        <li>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="336" class="name">lorem</td>
                    <td width="101" class="info current" idcust="tr1" custdata="#cnt1"><a href="#">test</a></td>
                    <td width="107" class="info" idcust="tr1" custdata="#cnt2"><a href="#">test2</a></td>
                    <td width="102" class="info" idcust="tr1" custdata="#cnt3"><a href="#">test2</a></td>
                    <td width="104" class="info" idcust="tr1" custdata="#cnt4"><a href="#">test2</a></td>
                    <td width="100" class="info" idcust="tr1" custdata="#cnt5"><a href="#">test2</a></td>
                    <td width="100" class="info" idcust="tr1" custdata="#cnt6"><a href="#">test2</a></td>
                    </tr>
                  <tr class="cntetn" customid="tab_content">
                    <td colspan="7" id="tr1">
                      <span id="cnt1"><p>content here</p></span>
                      <span id="cnt2"><p>content here</p></p></span>
    <span id="cnt3"><p>content here</p></p></span>
    <span id="cnt4"><p>content here</p></p></span>
    <span id="cnt5"><p>content here</p></p></span>
    <span id="cnt6"><p>content here</p></p></span>
    </td>
    </tr>
    </table>
</li>
</ul>

脚本

$(function(){
            $('ul').accordion();
             $(".info").find("a").click(function(){
            var trid = $(this).parent().attr("idcust");                
            var trdata = $(this).parent().attr("custdata");
            // Hide all content divs and show only the one related to the click
            $("#"+trid).children().hide();
            $(trdata).show();
            $("#"+trid).toggle();
        });
        });
4

3 回答 3

2

使用添加类：

$(".info").find("a").click(function(){
     $(this).addClass('white_class');
     ...

a点击标签时

CSS：

.white_class{
     background-color: #FFF;
}
于 2012-08-13T08:44:28.553 回答
1

$(this).css({'background-color' : '#FFF'});

于 2012-08-13T08:45:20.350 回答
0

你可以通过两种方式做到这一点

1)$("a").attr("background-color","White");

2）制作一个CSS类

.bgcolr{
 background-color:white;
}

和

$("a").addClass("bgcolr");
于 2012-08-13T08:46:33.957 回答