点击tr变换颜色，同时获取该行中指定列的值

最新推荐文章于 2024-06-20 10:49:12 发布

super牛牛

最新推荐文章于 2024-06-20 10:49:12 发布

阅读量599

点赞数 1

分类专栏： jquery

本文链接：https://blog.csdn.net/u012668297/article/details/21703619

版权

jquery 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

  $(function(){ 
 
  $("#table1 tr").click(function(){ 

  $(this).css({"background":"yellow"}).siblings().css({"background":"menu"}) 

  var $tr=$(this),valArr=[]; 

  $tr.find("td").each(function(){ 

  valArr.push($.trim($(this).text())); 

  }); 

  $("#info").html(valArr[0]); 

  }); 

  }) 
 
  <table border="1px" id="table1"> 

  <tr> 

  <td id="apple"> 

  苹果 

  </td> 

  <td> 

  香蕉 

  </td> 

  <td> 

  香橙 

  </td> 

  </tr> 

  </table> 

  <span id="info" style="color:red"> 

  </span>