javascript - 显示此元素而无需每次都重复代码

Question

我在点击一个非常棒的标记时显示/隐藏来自 Json 的数据。

Answer 1

您可以像这样循环遍历 json 对象中的属性

var json = {
  "France": [{
    "image": "img/ausralia.jpg",
    "description": "number django 1"
  }],
  "Australia": [{
    "image": "img/ausralia.jpg",
    "description": "number django 2"
  }]
}

$(document).ready(function() {
  // iterate all properties in the json object
  for (var prop in json) {
    if (json.hasOwnProperty(prop)) {
      // add the marker items
      $(".marker." + prop.toLowerCase()).on("click", function( country ) {
        $("#show").html(
          "Image : <img src=" + json[country][0].image + ">" +
          "| Description : <h1>" + json[country][0].description) + "</h1>";
      }.bind( this, prop) ); // prop needs to be bound so that the correct country is triggered
    }
  }
});