如何循环获取html的值，并拼写到json/json,求value所对应key的值

最新推荐文章于 2021-06-10 14:13:59 发布

原创最新推荐文章于 2021-06-10 14:13:59 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种从HTML表格中解析数据并将其转换为JSON格式的方法。通过使用jQuery库遍历HTML元素，实现了将每行数据转换为JSON对象的过程。此外，还提供了一个查找JSON值对应键名的实用函数。

有如下html结构
<tr>
123
123
123
123
123
123
123
</tr>
<tr>
123
123
123
123
123
123
123
</tr>
<tr>
123
123
123
123
123
123
123
</tr>
.....
.....
.....
<tr>标签个数不确定
要求得到如下的json
{
 "airportList": [
 {
 "originalAirportId": "123",
 "airportName": "asdf",
 "cityName": "qwer",
 "cityId": "qwer",
 "provinceName": "qwer",
 "provinceId": "qwer",
 "countryId": "qwer",
 "countryName": "qwer"
 },
 {
 "originalAirportId": "123",
 "airportName": "asdf",
 "cityName": "qwer",
 "cityId": "qwer",
 "provinceName": "qwer",
 "provinceId": "qwer",
 "countryId": "qwer",
 "countryName": "qwer"
 }
 ]

}

<table id="tb"><tr><td>

    <span class="originalAirportId">123</span>

    <span class="airportName">123</span>

    <span class="cityName">123</span>

    <span class="provinceName">123</span>

    <span class="provinceId">123</span>

    <span class="countryId">123</span>

    <span class="countryName">123</span>

</td>

</tr>

<tr><td>

    <span class="originalAirportId">123</span>

    <span class="airportName">123</span>

    <span class="cityName">123</span>

    <span class="provinceName">123</span>

    <span class="provinceId">123</span>

    <span class="countryId">123</span>

    <span class="countryName">123</span>

</td>

</tr>

<tr><td>

    <span class="originalAirportId">123</span>

    <span class="airportName">123</span>

    <span class="cityName">123</span>

    <span class="provinceName">123</span>

    <span class="provinceId">123</span>

    <span class="countryId">123</span>

    <span class="countryName">123</span>

</td>

</tr></table>

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>

<script>

    var o = {airportList:[]};

    $('#tb').find('tr').each(function () { var item = {}; $('span', this).each(function () { item[this.className] = this.innerHTML }); o.airportList.push(item) });

    console.log(o)

</script>

求value所对应key的值.

var findkey={"firstName":"Brett","lastName":"McLaughlin","email":"aaaa"};

function find(value){

                var findkey={"firstName":"Brett","lastName":"McLaughlin","email":"aaaa"};

                for(var key in findkey){

                    if(findkey[key] == value)

                        return key;

}

                return null;

}

        alert(find("aaaa"));