jquery - 使用jquery在特定行中查找按钮

Question

我有两个问题。我有一个动态生成的表。每行的最后一个单元格是一个按钮。该表是可编辑的。在一些帮助和了解 jquery 的情况下，我了解到我可以在已单击的单元格的列中获取行。我想做的是该列中的按钮应该将其文本更改为更新，并在单击它时希望从该行获取内容并使用 python 脚本在服务器中更新它。

如何在该特定行中找到按钮？问题二如何从已更新的行中收集所有数据并将其打包到 JSON 对象中？

我的表生成是动态的，因为它是一个模板（Django），所以我不能给那个特定的元素一个类。

Answer 1

以下是如何在没有类的情况下查找和获取行数据，DEMO http://jsfiddle.net/yeyene/fBDZk/

查询

$('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>

Answer 2

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});
});