首页 新闻 会员 周边

jquery

0
[已解决问题] 解决于 2014-08-14 21:49

jquery实现：当点击所有<td>中的某个时，颜色变红，再次点击，颜色变成原来的颜色，可以多选，怎么实现？

liyuhaoo的主页 liyuhaoo | 菜鸟二级 | 园豆：228
提问于：2014-07-03 15:07
< >
分享
最佳答案
0 
<html>
 <head>
  <title> New Document </title>
  <script type="text/javascript" src="js/jquery.js"></script>
  <style type="text/css">
  .red{background-color:red;}
  </style>
   <script type="text/javascript">
    $(document).ready(function(){
           $('#tr').children().click(function(){
               if(!$(this).hasClass("red")){
                 $(this).addClass('red');
               }
               else{
                 $(this).removeClass('red');
                }
           });
        });
   </script>
 </head>

 <body>
  <table>
    <tr id="tr">
      <td>111111</td>
      <td>222222</td>
      <td>333333</td>
      <td>444444</td>
      <td>555555</td>
    </tr>
  </table>
 </body>
</html>

你试试这段代码可不可以，希望可以实现。

奖励园豆：5
火悬崖 | 菜鸟二级 |园豆：434 | 2014-07-03 18:22
清除回答草稿
   您需要登录以后才能回答，未注册用户请先注册。