Javascript 使用jQuery，我需要将这个JS对象打印成html_Javascript_Jquery_Html

Javascript 使用jQuery，我需要将这个JS对象打印成html

javascript jquery html

Javascript 使用jQuery，我需要将这个JS对象打印成html,javascript,jquery,html,Javascript,Jquery,Html,我需要在网页上显示按地区划分的州列表我需要显示区域“West”的标题，后面的州显示为我确信有很多方法可以实现这一点，但是我必须使用jQuery var states = { "West":[ "Alaska", "Arizona", "California", "Hawaii", "Idaho", "Nevada", "Oregon", "Utah", "Washington" ], "Central":

我需要在网页上显示按地区划分的州列表

我需要显示区域“West”的标题，后面的州显示为

我确信有很多方法可以实现这一点，但是我必须使用jQuery

var states = {  
  "West":[
    "Alaska",
    "Arizona",
    "California",
    "Hawaii",
    "Idaho",
    "Nevada",
    "Oregon",
    "Utah",
    "Washington"
  ],
  "Central":[
    "Colorado",
    "Illinois",
    "Indiana",
    "Iowa",
    "Kansas",
    "Michigan",
    "Minnesota",
    "Missouri",
    "Montana",
    "Nebraska",
    "New Mexico",
    "North Dakota",
    "Ohio",
    "Oklahoma",
    "South Dakota",
    "Texas",
    "Wisconsin",
    "Wyoming"
  ],
  "East":[
    "Connecticut",
    "Delaware",
    "Kentucky",
    "Maine",
    "Maryland",
    "Massachusetts",
    "New Hampshire",
    "New Jersey",
    "New York",
    "Pennsylvania",
    "Rhode Island",
    "Vermont",
    "Virginia",
    "West Virginia"
  ],
  "South":[
    "Alabama",
    "Arkansas",
    "Florida",
    "Georgia",
    "Louisiana",
    "Mississippi",
    "North Carolina",
    "South Carolina",
    "Tennessee"
  ]
};

这就是我到目前为止所做的：

var states = window.states;                                                         
var west = $.parseJSON( states ).West;

var $table = $('<table></table>');

for ( var i = 0; i < west.length; i++ ) {
    var $line = $( "<tr></tr>" );
    $line.append( $( "<td></td>" ).html( west ) );
    $table.append( $line );`
}

$table.appendTo( '.west' );

var states=window.states；
var west=$.parseJSON（states）.west；
变量$table=$（''）；
对于（变量i=0；i

使用

循环。例如，要显示每个区域中的状态

var states={
“西部”：[
“阿拉斯加”，
“亚利桑那州”，
“加利福尼亚”，
“夏威夷”，
“爱达荷州”，
“内华达州”，
“俄勒冈州”，
“犹他州”，
“华盛顿”
],
“中央”：[
“科罗拉多”，
“伊利诺伊州”，
“印第安纳”，
“爱荷华州”，
“堪萨斯州”，
“密歇根”，
“明尼苏达州”，
“密苏里州”，
“蒙大拿”，
“内布拉斯加州”，
“新墨西哥”，
“北达科他州”，
“俄亥俄州”，
“俄克拉荷马州”，
“南达科他州”，
“德克萨斯州”，
“威斯康星州”，
“怀俄明州”
],
“东”：[
“康涅狄格州”，
“特拉华”，
“肯塔基州”，
“缅因州”，
“马里兰”，
“马萨诸塞州”，
“新罕布什尔州”，
“新泽西”，
“纽约”，
“宾夕法尼亚州”，
“罗德岛”，
“佛蒙特州”，
“弗吉尼亚”，
“西弗吉尼亚”
],
“南方”：[
“阿拉巴马”，
“阿肯色州”，
“佛罗里达”，
“格鲁吉亚”，
“路易斯安那州”，
“密西西比”，
“北卡罗来纳州”，
“南卡罗来纳州”，
“田纳西州”
]
};
var html=“按地区划分的州””；
for（状态中的var区域）{
html+=“在“+区域+”区域中的状态：”；
for（状态[区域]中的var状态）{
html+=“”+州[地区][州]+“”；
}
html+=“”；
}
$（'#states'）.append（html）


$（文档）.ready（函数（）{
变量状态={
“西部”：[
“阿拉斯加”，
“亚利桑那州”，
“加利福尼亚”，
“夏威夷”，
“爱达荷州”，
“内华达州”，
“俄勒冈州”，
“犹他州”，
“华盛顿”
],
“中央”：[
“科罗拉多”，
“伊利诺伊州”，
“印第安纳”，
“爱荷华州”，
“堪萨斯州”，
“密歇根”，
“明尼苏达州”，
“密苏里州”，
“蒙大拿”，
“内布拉斯加州”，
“新墨西哥”，
“北达科他州”，
“俄亥俄州”，
“俄克拉荷马州”，
“南达科他州”，
“德克萨斯州”，
“威斯康星州”，
“怀俄明州”
],
“东”：[
“康涅狄格州”，
“特拉华”，
“肯塔基州”，
“缅因州”，
“马里兰”，
“马萨诸塞州”，
“新罕布什尔州”，
“新泽西”，
“纽约”，
“宾夕法尼亚州”，
“罗德岛”，
“佛蒙特州”，
“弗吉尼亚”，
“西弗吉尼亚”
],
“南方”：[
“阿拉巴马”，
“阿肯色州”，
“佛罗里达”，
“格鲁吉亚”，
“路易斯安那州”，
“密西西比”，
“北卡罗来纳州”，
“南卡罗来纳州”，
“田纳西州”
]
};
var west=州。西部；
变量$table=$（''）；
对于（变量i=0；i
为什么必须使用jQuery？问题是什么？var states=window.states；var west=$.parseJSON（states）.west；变量$table=$（''）；对于（var i=0；i我使用的平台需要jquery如何使用jQuerystates将JS对象打印到我的页面是一个对象。不是数组。您只需要状态。West@VtoCorleone正确，状态是一个对象，但它的子对象（“West”）是一个数组，因此您必须以数组的形式对其进行迭代。@VtoCorleone，我的上一条评论有误导性。并不是说它的子元素（“West”）是一个数组，而是它不是一个对象，因此不存在states.West这样的东西。为了访问它，它必须通过州['West']。
<html>
<head>
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script>
        $(document).ready(function () {
            var states = {
                "West": [
                  "Alaska",
                  "Arizona",
                  "California",
                  "Hawaii",
                  "Idaho",
                  "Nevada",
                  "Oregon",
                  "Utah",
                  "Washington"
                ],
                "Central": [
                  "Colorado",
                  "Illinois",
                  "Indiana",
                  "Iowa",
                  "Kansas",
                  "Michigan",
                  "Minnesota",
                  "Missouri",
                  "Montana",
                  "Nebraska",
                  "New Mexico",
                  "North Dakota",
                  "Ohio",
                  "Oklahoma",
                  "South Dakota",
                  "Texas",
                  "Wisconsin",
                  "Wyoming"
                ],
                "East": [
                  "Connecticut",
                  "Delaware",
                  "Kentucky",
                  "Maine",
                  "Maryland",
                  "Massachusetts",
                  "New Hampshire",
                  "New Jersey",
                  "New York",
                  "Pennsylvania",
                  "Rhode Island",
                  "Vermont",
                  "Virginia",
                  "West Virginia"
                ],
                "South": [
                  "Alabama",
                  "Arkansas",
                  "Florida",
                  "Georgia",
                  "Louisiana",
                  "Mississippi",
                  "North Carolina",
                  "South Carolina",
                  "Tennessee"
                ]
            };
            var west = states.West;
            var $table = $('<table></table>');
            for (var i = 0; i < west.length; i++) {
                var $line = $("<tr></tr>");
                $line.append($("<td></td>").html(west[i]));
                $table.append($line);
            }
            $table.appendTo('.west');
        });

    </script>
</head>
<body>
    <div class="west"></div>
</body>
</html>