javascript - 如何使用 JQuery 提取嵌套 HTML 中的文本？

Question

我这里有 HTML 代码:

<div class="actResult" style="border: solid">
    <table>
        <tbody>
            <tr>
                <td>Order Number</td>
                <td>1</td>
            </tr>
            <tr>
                <td>Customer Number</td>
                <td>3</td>
            </tr>
            <tr>
                <td>Complaint Code</td>
                <td>b</td>
            </tr>
            <tr>
                <td>Receivable Receipt Number</td>
                <td>5</td>
            </tr>
            <tr>
                <td>Date Called</td>
                <td>2014-03-19</td>
            </tr>
            <tr>
                <td>Scheduled Day Of Checkup</td>
                <td>2014-03-19</td>
            </tr>
            <tr>
                <td>Scheduled Day Of Service</td>
                <td>2014-03-21</td>
            </tr>
            <tr>
                <td>Checkup Status</td>
                <td>Y</td>
            </tr>
            <tr>
                <td>Service Status</td>
                <td>N</td>
            </tr>
            <tr>
                <td>Technician Number Checkup</td>
                <td>3</td>
            </tr>
            <tr>
                <td>Technician Number Service</td>
                <td>1</td>
            </tr>
        </tbody>
    </table>
</div>

我想获取标签的值并将它们放入一个结构类似于 array("first td"=> "second td") 的数组中，因此对于这种情况，该数组将是 array("Order Number "=> "1", "客户编号"=> "3", "投诉代码"=> "b", ...) 等等。

之后，最终数组将被发送到 PHP 代码中。

我一直在尝试使用 var html = $(this).filter(function( index ){ return $("td", this) }).filter( ":odd").text(); 和 filter() 的各种其他组合，但它似乎对我不起作用。

我如何去做我想做的事？

Answer 1

jsFiddle Demo

您将要为此使用 .each 并遍历表中的行。对于每一行，将第一个单元格 (.eq(0)) 作为键，将第二个单元格 (.eq(1)) 作为值。将它们放在结果对象中。

//object to hold resulting data
var result = {};

//iterate through rows
$('.actResult tr').each(function(){

 //get collection of cells
 var $tds = $(this).find('td');

 //set the key in result to the first cell, and the value to the second cell
 result[$tds.eq(0).html()] = $tds.eq(1).text();
});