0

次のようなテーブル構造があります。

<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。その値を取得する方法について何か考えはありますか?

4

1 に答える 1

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
            });
});
于 2013-10-30T12:58:55.547 に答える