0

これが私のコードです：

<table><tr><td>hello</td>
       <td><input type="text" value="0" onkeypress="GetValue();" /></td>
       <td><input type="text" value="15"  /></td>
       </tr>
 </table>
   <script type="text/javascript">
   function GetValue(){
      //  ???

       }
   </script>

簡単な方法を使用せずに3番目のtdの値（値が15のtd）にアクセスし、tdにIDを指定して、.parent（）または.siblings（）を使用して必要な名前を付けるにはどうすればよいですか？これは簡単です私の作業を単純化するための例ですが、実際のプロジェクトでは、入力の値はDBからバインドされており、ヘルプを評価するのははるかに複雑です。

4

5 に答える 5

3

：nth-​​child（）セレクターを介してそれを行うことができます。

JSコード：

$('table td:nth-child(3) input').val();

デモ

于 2012-10-24T08:21:46.443 に答える
2

DOM要素をGetValue関数に渡す必要があります。

<input type="text" value="0" onkeypress="GetValue(this);" />

そして、jQueryメソッドを使用して、次のテキストフィールドから値を取得します。

function GetValue(that) {
    var val = $(that).parent().next().find("input").val();
}

デモ：http： //jsfiddle.net/xzzUB/1/

于 2012-10-24T08:20:09.447 に答える
0

次のように入力を変更します。

<input type="text" value="0" onkeypress="GetValue(this);" />

および機能：

function GetValue(el){
  var sib = $(el).parent().siblings('td').last();
}
于 2012-10-24T08:20:09.480 に答える
0

$("td:eq(2) input").val()15を返します

参照：http ：//docs.jquery.com/Selectors/eq

于 2012-10-24T08:23:33.803 に答える
-1

HTML

<table id='theTable'><tr><td>hello</td>
       <td><input type="text" value="0" onkeypress="GetValue();" /></td>
       <td><input type="text" value="15"  /></td>
       </tr>
 </table>​​​

nth-child() jQuery 関数を使用する

console.log($('#theTable td:nth-child(3)').children().val());​​​​​
于 2012-10-24T08:26:21.423 に答える