JQUERY

Question

我有两个问题。我有一个动态生成的表。每行中的最后一个单元格是一个按钮。该表是可编辑的。通过一些帮助和学习jquery我明白我可以得到一行单击已被单击的单元格。我想要做的是该列中的按钮应该更改其文本以进行更新，并在单击它时Id喜欢从该行获取内容并使用python脚本在服务器中更新它。

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

我的表生成是动态的，因为它是一个模板（Django），我无法为该特定元素提供一个类。

Answer 1

以下是如何在没有类，DEMO http://jsfiddle.net/yeyene/fBDZk/

的情况下查找和获取行数据

JQUERY

$('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});
});

使用jquery在特定行中的按钮

2 个答案:

JQUERY

HTML