1

シナリオ：

多くの情報を表示するためにデータテーブル ライブラリを使用しています。そのテーブルには次の行があります。

Id   Type     Name      Case

私が探しているのは、2行目のTypeをクリックすると、その値が取得されてテキストボックスに貼り付けられることです

例

Id   Type     Name      Case
1    text     Juan       20001
3    List     Pedro      20005

ID # 1 の行をクリックすると、Type innerHTML を取得する必要があります。行のどの部分をクリックしても、2 番目の td の html を取得するだけです。

私はこのコードで試しました：

$("tr td").click(function () {

    alert($(this).html());
    })

それはうまくいきましたが、問題は、ユーザーが行名を正確にクリックする必要があることですが、ユーザーが行のいずれかをクリックして2番目の行のhtmlを取得できるとよいでしょう。

提案？

4

3 に答える 3

0

これを試して 

     $(function () {
        $("#thetable tr").click(function () {
           if ($(this).index() == 0) return;
           $('#tbox').val($('td:nth-child(2)', $(this)).html())
        })
     });

HTML

  <table border="1" cellpadding="4" id="thetable">
     <tr>
        <td>Id</td>
        <td>Type</td>
        <td>Three</td>
        <td>Four</td>
     </tr>
     <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
     </tr>
     <tr>
        <td>5</td>
        <td>6</td>
        <td>7</td>
        <td>8</td>
     </tr>
  </table><br />
  <input type="text" name="tbox" id="tbox" />

このメソッドは、ラベルのみを含む最初の行を考慮し、一番上の行がクリックされた場合、テキスト ボックスの値をラベルに設定しません。

于 2013-05-02T18:11:34.087 に答える