4

単純なhtmlテーブルがあります。クリックした行の最初の列の値を取得したい。どこかで最初の行をクリックすると、1行目の1列目の値が表示されます。2行目をクリックすると、2行目の1列目の値が表示されます。これが私のテーブルです。 

<table style="border:1px solid black" id="tab">
    <tr>
        <td style="border-right:1px solid black">Sachin</td>
        <td>Yuvraj</td> 
    </tr>
    <tr>
        <td style="border-right:1px solid black">Virat</td>
        <td>Gautam</td>              
    </tr>
</table>
4

5 に答える 5

6 
    $(document).ready(function(){

    //use this if you have jquery version 1.7+
      $('table#tab tr').on('click',function(){
          alert($(this).find('td:first').text());

    });
    //normal way
  $('table#tab tr').click(function(){
          alert($(this).find('td:first').text());

    });
//delegation

$('body').delegate('table#tab tr','click',function(){
          alert($(this).find('td:first').text());

    });

//use any of these three methods

    });
于 2012-08-21T06:06:30.700 に答える
1

定義したとおりにマークアップする場合は、次のように jQuery を使用するのが最適です。

$(function() {
    $('table#tab tr').click(function() {
        var firstTd = $(this).find("td:first");
        console.log(firstTd); // log it so you can see it.
    });
);

次に、firstTd変数を使用しfirstTd.text()て、テキスト値またはfirstTd.html()その完全な HTML コンテンツに対して実行できます。

于 2012-08-21T06:08:50.927 に答える
1 
<tr onClick="alert($(this).find('td:first').text())">
  ...
</tr>

基本的に、行がクリックされると onClick は JavaScript を実行します。

または、ページの読み込み後に jQuery にイベントをアタッチさせるには:

$(document).ready(function(){
  $('table#tab tr').on('click',function() {
    alert($(this).find('td:first').text());
  });
});
于 2012-08-21T05:55:44.020 に答える
1

これはあなたのために働くでしょう。これを試して..

<tr onClick="alert($(this).find('td:first').text())">
  ...
</tr>
于 2012-08-21T06:06:15.533 に答える
0

ここにあなたのHTMLがあります

<table id="tab">
    <tr>
        <td>Sachin</td>
        <td>Yuvraj</td>
    </tr>
    <tr>
        <td>Virat</td>
        <td>Gautam</td>              
    </tr>
</table>

次のスクリプトは、クリック時に各セルの値を提供します

$(document).ready(function(){
  $('#tab').click(function (event) {
    alert($(event.target).html());
   });
});

次のスクリプトは、行をクリックすると最初の列の値を与えます (あなたの質問)

$(document).ready(function(){
  $('#tab tr').on('click',function() {
    alert($(this).find('td:first').text());
  });
});

フィドルを調べる

于 2012-08-21T06:29:18.877 に答える