0

2 つの質問があります。動的に生成されたテーブルがあります。各行の最後のセルはボタンです。テーブルは編集可能です。少し助けてjqueryについて学ぶことで、クリックされたセルの行と列を取得できることがわかりました。私がしたいのは、その列のボタンがテキストを更新するように変更し、クリックするとその行からコンテンツを取得し、Python スクリプトを使用してサーバーで更新することです。

その特定の行でボタンを見つけるにはどうすればよいですか? 質問 2 更新された行からすべてのデータを収集し、それを JSON オブジェクトにパックする方法は?

私のテーブル生成は動的であり、テンプレート (Django) であるため、その特定の要素にクラスを与えることはできません。

4

2 に答える 2

1

クラスなしで行データを検索して取得する方法は次のとおりです。 DEMO http://jsfiddle.net/yeyene/fBDZk/

Jクエリ

$('table input[type=button]').on('click', function(){
    $(this).parent('td').siblings().each(function(){
        alert($(this).text());
    });
});

HTML

<table width="100%" border="1">
  <tr>
    <td>a1</td>
    <td>a2</td>
    <td>a3</td>
    <td><input type="button" value="Submit" /></td>
  </tr>
  <tr>
    <td>b1</td>
    <td>b2</td>
    <td>b3</td>
    <td><input type="button" value="Submit" /></td>
  </tr>
  <tr>
    <td>c1</td>
    <td>c2</td>
    <td>c3</td>
    <td><input type="button" value="Submit" /></td>
  </tr>
  <tr>
    <td>d1</td>
    <td>d2</td>
    <td>d3</td>
    <td><input type="button" value="Submit" /></td>
  </tr>
  <tr>
    <td>e1</td>
    <td>e2</td>
    <td>e3</td>
    <td><input type="button" value="Submit" /></td>
  </tr>
</table>
于 2013-06-28T07:46:35.910 に答える
0

jQuery

$('table input[type=button]').on('click', function(){
    aRow = $(this).closest('tr');
    aRow.find('td').each(function() {
        aData[] = this.text();
    });
    jData = JSON.stringify(aData);
    $.post('data_processor.php',{myJSONdata: jData});
});
于 2013-06-28T20:32:17.523 に答える