将表中的数据存储到关联数组中答案

【问题标题】：Store data from table into associative array将表中的数据存储到关联数组中
【发布时间】：2013-12-15 21:41:13
【问题描述】：

我正在尝试将数据从表中存储到关联数组中。这是我的html表格代码：

<table class="table" border="1" id="eidtPersonalInfoTbl">         
    <tr>    
        <td class="span3 hidden-phone">Name</td>    
        <td class="span5"> Name of Doctor </td>
    </tr>    
    <tr> 
        <td class="span3 hidden-phone">Address</td>
        <td class="span5"> Address of doctor </td>
    </tr>
    <tr>
        <td class="span3 hidden-phone">Area</td>
        <td class="span5"> Area</td>
    <tr>
 <table>

我正在尝试通过此代码访问表值：

<script type="text/javascript">
    $(document).on('click', '.editPersonalInfo', function() {
        modal();
        alert(obj['Name']);
        alert(obj['Address']);
        alert(obj['Area']);
    });

    function modal() {
        var table = $("#eidtPersonalInfoTbl");
        var trs = table.find('tr');
        var obj = {};
        $(trs).each(function(index, row) {
            var field = $(row).find('td').eq(0).text();
            var value = $(row).find('td').eq(1).text();
            obj[field] = [value];
        });
    }
</script>

但它不起作用。我该如何解决这个问题？

【问题讨论】：

JavaScript 代码在哪里？将它包裹在 .ready 周围可能会向前迈出一步。
代码中没有 editPersonalInfo 类的元素？
@adeneo editPersonInfo 是按钮的元素类。

标签： jquery html html-table row

【解决方案1】：

您在 HTML 标记中没有任何 editPersonalInfo 类。请改用#eidtPersonalInfoTbl。

试试：

$(document).on('click', '#eidtPersonalInfoTbl', function () {
    var obj = modal(); //store object in a variable
    alert(obj['Name']);
    alert(obj['Address']);
    alert(obj['Area']);
});

function modal() {
    var table = $("#eidtPersonalInfoTbl");
    var trs = table.find('tr');
    var obj = {};
    $(trs).each(function (index, row) {
        var field = $(row).find('td').eq(0).text();
        var value = $(row).find('td').eq(1).text();
        obj[field] = [value];
    });
    return obj; //return object
}

Fiddle here.

【讨论】：