首页 新闻 会员 周边 捐助

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
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册