Question

我使用jQuery CSV来解析我的网络服务器上的.csv文件。我使用带有附加字段（通用名称，资本，国家代码等）的国家/地区列表的演示文件。

从那里开始，我使用查找功能：Jquery how to find an Object by attribute in an Array从已解析的文件中返回匹配的对象。

到目前为止，这是我的代码：

jQuery(document).ready(function($){                         
    $.ajax({
       type: "GET",
       url: "path/countrylist.csv",
       dataType: "text",
       success: function(data) {
       var data = $.csv.toObjects(data);
       console.log(data);

       var country = lookup(data, "Common Name", "Albania");
       $.each(country, function(i, val) {
           $("#albania").append(i + ": " + val + "<br/>");
       });
     });
  });

这将使阿尔巴尼亚＆＃39;我在ID中显示的对象＆＃39; #albania＆＃39;：

Sort Order: 2
Common Name: Albania
Formal Name: Republic of Albania
Type: Independent State
Sub Type: 
Sovereignty: 
Capital: Tirana
ISO 4217 Currency Code: ALL
ISO 4217 Currency Name: Lek
ITU-T Telephone Code: 355
ISO 3166-1 2 Letter Code: AL
ISO 3166-1 3 Letter Code: ALB
ISO 3166-1 Number: 8
IANA Country Code TLD: .al

我卡住的地方是想从国家/地区对象中显示此数据的子集。例如，我只想显示公共名称，资本和国家代码。

假设每个国家/地区的这些键/标题行相同，我该如何显示这些值？ jQuery .slice（）不起作用，也许是因为这是一个对象而不是一个数组（？）。

我可以按键/标题行名称选择子集吗？这可能是另一种选择，因为那些不会发生变化。

Answer 1

这已经解决了。我需要使用$ .each（）和点符号来定位对象中的特定键。

这是我的工作代码，它只抓取Common Name和Capital，然后将其附加到具有国家名称和id的div：

$.each( data, function( i, v ) {
var name = v.Common_Name.toLowerCase();
var country = v.Common_Name;
var capital = v.Capital;

    $("#" + name).append(
        "Name" + ": " + country + "<br/>" 
               + "Capital" + ": " + capital + "<br/>"
    );
});

我的HTML：

<div class="countries clearfix">
    <div id="afghanistan" class="country"></div>
    <div id="albania" class="country"></div>
    <div id="algeria" class="country"></div>
    <div id="andorra" class="country"></div>
</div>

结果：

Name: Afghanistan
Capital: Kabul

Name: Albania
Capital: Tirana

Name: Algeria
Capital: Algiers

Name: Andorra
Capital: Andorra la Vella

使用jQuery CSV返回对象的子集

1 个答案: