1

行 td を組み合わせた HTML テーブルがあります。つまり、自分自身を表現する方法がわからない (英語があまり得意ではない) ので、それを示します。これは私のテーブルです：

<table border="1">
    <thead>
        <tr>
            <th>line</th>
            <th>value1</th>
            <th>value2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td rowspan="2">1</td>
            <td>1.1</td>
            <td>1.2</td>
        </tr>
        <tr>
            <td>1.3</td>
            <td>1.4</td>
        </tr>
        <tr>
            <td rowspan="2">2</td>
            <td>2.1</td>
            <td>2.2</td>
        </tr>
        <tr>
            <td>2.3</td>
            <td>2.4</td>
        </tr>
    </tbody>
</table>

（ここで確認できます）

このテーブルをjqueryやjavascriptでJSON変数に変換したいです。どのように見えるべきか、どのようにすればよいですか？あなたが私を助けることができれば、ありがとう！

4

3 に答える 3

1

テキストのみを変換したい場合は、これを使用してください： 

var array = [];

$('table').find('thead tr').each(function(){
    $(this).children('th').each(function(){
      array.push($(this).text());
    })
}).end().find('tbody tr').each(function(){
    $(this).children('td').each(function(){
      array.push($(this).text());
    }) 
})

var json = JSON.stringify(array);
于 2013-07-22T08:17:28.583 に答える
0

私はこれがあなたが望むものだと信じています:

var jsonTable = {};

// add a new array property named: "columns"
$('table').find('thead tr').each(function() {
    jsonTable.columns = $(this).find('th').text();
};

// now add a new array property which contains your rows: "rows"
$('table').find('tbody tr').each(function() {
    var row = {};

    // add data by colum names derived from "tbody"

    for(var i = 0; i < jsonTable.columnsl.length; i++) {
        row[ col ] = $(this).find('td').eq( i ).text();
    }

    // push it all to the results..

    jsonTable.rows.push( row );
};

alert(JSON.stringify(jsonTable));

多少の修正はあると思いますが、この程度でいいと思います。

于 2013-07-21T21:15:36.823 に答える