Question

下面是我用于显示点击内容的代码（如手风琴）。单击“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();
        });
        });

Answer 1

使用addClass：

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

点击a代码时

CSS：

.white_class{
     background-color: #FFF;
}

Answer 2

$（this）.css（{'background-color'：'＃FFF'}）;

Answer 3

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

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

2）制作一个css类

.bgcolr{
 background-color:white;
}

和

$("a").addClass("bgcolr");

点击添加课程

3 个答案: