点击添加课程

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

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(); 
     }); 
     });

来源

2012-08-13 Sowmya

是个做到这一点是http://stackoverflow.com/questions/11930738/add-class-on-click的副本？ – Nope 2012-08-13 08:38:43

这是有效的一个 – Sowmya 2012-08-13 08:41:04

@FrançoisWahl该问题已被删除。 – irrelephant 2012-08-13 08:41:31

使用addClass：

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

被点击的a标签时

CSS：

.white_class{ 
    background-color: #FFF; 
}

来源

2012-08-13 08:44:28

没有工作........... – Sowmya 2012-08-13 08:46:17

@Sowmya该类必须指定在CSS样式 – 2012-08-13 08:49:14

我knw。并且我添加了 – Sowmya 2012-08-13 08:49:54

$（本）的CSS（{ '背景色'： '#FFF'}）;

来源

2012-08-13 08:45:20 MikeLP

您可以通过两种方式

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

2）把CSS类

.bgcolr{ 
background-color:white; 
}

和

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

来源

2012-08-13 08:46:33 Buzz

点击添加课程

回答

相关问题