Mathan_CodeProject Ответов: 1

Как получить данные из таблицы с помощью jquery

Привет,
Я должен перебрать все TR, извлечь значение id "attrName"/"attrValue" и сохранить это значение в массиве. Как добиться этого с помощью JQuery.Мне нужно сделать отчет в word.

<table class="attrTable" cellpadding="0px" cellspacing="0px">
<tbody>
<tr valign="top"><td class="attrName">Dep Type</td><td class="attrValue">Eng</td></tr>
<tr valign="top"><td class="attrName">Location</td><td class="attrValue">Ban</td></tr><tr valign="top"><td class="attrName">Dep Status</td><td class="attrValue"></td></tr><tr valign="top"><td class="attrName">Office Type</td><td class="attrValue">HQ</td></tr>
<tr valign="top"><td class="attrName">Cont sect</td><td class="attrValue">Sa</td></tr>
<tr valign="top"><td class="attrName"> Strength</td><td class="attrValue"></td>122</tr></tbody></table>


Что я уже пробовал:



var table = document. getElementById('attrTable');
ВАР rowLength = таблица.строк.длина;
для (var i = 0; i & lt; rowLength; i += 1) {
ВАР строка = таблица.строки[я];
var cellLength = row. cells.длина;
для (var y = 0; y & lt; cellLength; y += 1) {
ВАР ячейка = строка.клеток[г];

}
}

1 Ответов

Рейтинг:
7

Karthik_Mahalingam

попробовать это

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script>
        var ary = [];
        $(function () {
            $('.attrTable tr').each(function (a, b) {
                var name = $('.attrName', b).text();
                var value = $('.attrValue', b).text();
                ary.push({ Name: name, Value: value });
               
            });
            alert(JSON.stringify( ary));
        });
    </script>


Демонстрация: JSFiddle [^]