javascript - 通过单击JavaScript获取表行的值 - Thinbug

通过单击JavaScript获取表行的值

时间：2013-10-30 12:34:38

标签： javascript

我的表格结构如下：

<table id= "mytable">
<body>
//first row
  <tr class = "row">
   <td id="rowTable">
     <div id="myRow1"> Part 1 </div>
     <div id="myRow2"> first </div>
     <div id="myRow3"> 123 </div>
   </td>
  </tr>
//second row
 <tr class = "row">
   <td id="rowTable">
     <div id="myRow1"> Part 2 </div>
     <div id="myRow2"> second </div>
     <div id="myRow3"> 456 </div>
   </td>
  </tr>
</body>
</table>

（我知道html部分可能看起来不正确但说实话，我不允许改变它。我必须使用这个结构）当我使用javascript点击它时，我想阅读每一行的第一列。当我尝试：var Value = $(e.currentTarget).text();时，它给了我整行的值：

Part 1 first 123

但我只想要第一部分Part 1的值。知道如何获得这个价值吗？

1 个答案:

答案 0 :(得分：0)

你可以这样做：

HTML：

<table id= "mytable">
        <tr class = "row">
            <td id="myRow1">Part 1</td>
            <td id="myRow2">first</td>
            <td id="myRow3">123</td>
        </tr>
        <tr class = "row">
            <td id="myRow1">Part 2</td>
            <td id="myRow2">second</td>
            <td id="myRow3">456</td>
        </tr>
</table>

JS：

$(document).ready(function() {
            $('td').click(function(e) {
                val = e.target.innerHTML;
                //alert(val);
                //Put your code here
            });
});