从HTML元素中获取数据并将其保存在json中

Javascript Get data from HTML elements and save them in json

本文关键字:保存 存在 json 数据 HTML 元素 获取      更新时间:2023-09-26

我不知道如何对这堆数据进行排序,您能给我指出正确的方向吗?

我要排序的数据是这样的。

<tr>
    <td><a href="/wiki/Assault/Gallery#Collection" title="Assault/Gallery">Assault</a>
    </td>
    <td><a href="/wiki/SG_553" title="SG 553">SG 553</a>
    </td>
    <td><span class="common">Tornado</span>
    </td>
    <td data-sort-value="0"><span class="common">Consumer</span>
    </td>
    <td><a rel="nofollow" class="external text exitstitial" href="http://steamcommunity.com/market/search?appid=730&amp;q=SG+553+Tornado">view</a>
    </td>
    <td>
    </td>
    <td>&nbsp;√
    </td>
</tr>

这是CS:GO的武器数据,我似乎在其他地方找不到。我需要获取和保存的数据是名称:龙卷风,武器:SG 553,收集:突击和值:0(数据排序值)

如何将其转换为json?

您需要使用jQuery。只要表的格式一致,我就会这样做:

var data = [];
$('table tr').each(function () {
   data.push({
      name: $(this).children('td').eq(2).text(),
      weapon: $(this).children('td').eq(1).text(),
      collection: $(this).children('td').eq(0).text(),
      value: $(this).children('td').eq(3).data('sort-value')
   })
})

其中.eq( # )为行中表格单元格的索引