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

addClass を使用します。

$(".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

あなたは2つの方法でこれを行うことができます

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

2）cssクラスを作成します

.bgcolr{
 background-color:white;
}

と

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