jQuery获取选中TD的值不给title

qq_2524963996

于 2022-09-19 11:41:56 发布

阅读量117

点赞数

文章标签： servlet javascript 前端

本文链接：https://blog.csdn.net/qq_44161703/article/details/126930678

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>将table的每个td的内容自动赋值给其title属性</title>

<meta http-equiv="content-type" content="text/html;charset=UTF-8">

<style type="text/css">

.tbStyle td{

  border:1px solid #F00

}

.tbStyle th{

  border:1px solid #F00

}

</style>

<script src="jquery-1.10.2.js" type="text/javascript"></script>

<script type="text/javascript">

$(function(){

  //table的最后一列不给其title赋值

  var cellIndex=parseInt($(".tbStyle th").length)-1;

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

    if(this.cellIndex != cellIndex){

      $(this).attr("title",$(this).text());

      //alert($(this).parent().get(0).rowIndex);输出所在行

     }

  });

});

</script>

</head>

<body>

  <table class="tbStyle">

    <tr>

      <th>第一列</th>

      <th>第二列</th>

      <th>第三列</th>

      <th>第四列</th>

    </tr>

    <tr>

      <td>aaaaaaa</td>

      <td>bbbbbbb</td>

      <td>ccccccc</td>

      <td>ddddddd</td>

    </tr>

    <tr>

      <td>eeeeeee</td>

      <td>fffffff</td>

      <td>ggggggg</td>

      <td>hhhhhhh</td>

    </tr>

    <tr>

      <td>iiiiiii</td>

      <td>jjjjjjj</td>

      <td>kkkkkkk</td>

      <td>lllllll</td>

    </tr>

  </table>

</body>

</html>