Question

我想在jquery

中从我的表单中获取值

这是我的HTML代码：

<table class="table table-hover table-striped table-condensed">
    <tbody><tr id="properties_view">
        <td><h4>Location</h4></td>
        <td><h4>Substage</h4></td>
        <td><h4>Crypted</h4></td>
        <td><h4>Key</h4></td>
        <td><h4>Value</h4></td>
        <td><h4>Comments</h4></td>
        <td><h4>Delete</h4></td>
    </tr>
<tr><td class="value">ANY</td><td class="value">MAIN </td><td class="value">false</td><td class="value">unitesbudg_roic_assetcenter.V01.aaf.filename</td><td class="value">unitesbudg_roic_assetcenter.txt</td><td class="value">undefined</td><td><a href="#" class="delete_line" id="unitesbudg_roic_assetcenter.V01.aaf.filename"><img src="img/delete.png"></a></td></tr>

<tr><td class="value">ANY</td><td class="value">MAIN </td><td class="value">false</td><td class="value">personnes_roic_assetcenter.V01.aaf.filename</td><td class="value">personnes_roic_assetcenter.txt</td><td class="value">undefined</td><td><a href="#" class="delete_line" id="personnes_roic_assetcenter.V01.aaf.filename"><img src="img/delete.png"></a></td></tr>

<tr><td class="value">ANY</td><td class="value">MAIN </td><td class="value">false</td><td class="value">common.aaf.folder</td><td class="value">ROI/out/</td><td class="value">undefined</td><td><a href="#" class="delete_line" id="common.aaf.folder"><img src="img/delete.png"></a></td></tr>

</tbody></table>

我试过这个js但它不起作用

这是我的js代码。当我点击按钮<a href="#" class="commit_properties" id=""><button class="btn btn-info" type="button">Commit</button></a>时，我尝试在Chrome控制台中进行调试。

$("#page_body").on('click', 'a.commit_properties', function(e) { 
    var debug;
    debug = $(this).$('table').text();
    console.debug(debug); 
});

Answer 1

首先，您不需要将您的按钮包裹在锚标记中。事实上，我没有看到你想要的任何理由。要遍历表中的值，请使用JQuery的each函数：

$("#page_body").on('click', 'button', function (e) {
   $('.value').each(function(i,e){
        console.log($(e).text());       
    });
});

请参阅jsFiddle。

从jQuery中获取表单中的值

1 个答案: