Question

请查看此fiddle

有没有办法在<h3>text</h3>后link - google.com和<h3>sss</h3>之后在第二个循环中插入元素color - Black？

我希望结果如下：

title - A

link - google.com

<h3>text</h3>

image - image.com

price - $1295.00

brand - ABC

color - Black

<h3>sss</h3>

material - Rubber

这里是json文件和代码：

JSON：

[
  {
    "title": "A",
    "link": "google.com",
    "image": "image.com",
    "price": "$1295.00",
    "brand": "ABC",
    "color": "Black",
    "material": "Rubber"
  }
]

JS：

   $.ajax({
        url: "https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20json%20where%20url%20%3D%22http%3A%2F%2Fgoo.gl%2FaZgYDB%22&format=json&diagnostics=true&callback=",
        success: function (data) {
            var item_html="";
            $(data.query.results.json).each(function(key, value) {
              $.each(value,function(key, value){                             
               item_html += '<h3>'+key+' - '+value+'</h3>';                        
              });
            });            

           $('#area').append(item_html);

        }
    });

Answer 1

您可以检查键值并附加如下内容

$.each(value, function (key, value) {   
      item_html += '<h3>' + key + ' - ' + value + '</h3>';
      if(key=='link')
         item_html += '<h3>something</h3>';
      if(key=='color')
         item_html += '<h3>something else</h3>';

  });

Demo

Answer 2

我认为你只是在寻找一个简单的if声明：

if(value == "google.com"){
    item_html += '<h3>Text</h3>';
}
if(value == "Black" && key == "color"){
    item_html += '<h3>SecondText</h3>';   
}

如果您想确定，还可以检查键和值（第二个if语句）。

工作Fiddle

在每个函数中的某些结果后插入元素

2 个答案: