javascript - 单击我选择中的另一个元素时如何访问 json 对象的其他属性？

Question

尝试访问 JSON 对象(数据)中的一些其他属性。

当前正在访问图标和名称。

问题来了..

当通过执行此操作在 select 中选择一个元素时

$("#newLocation").change(function(e) {
    var select = e.target;
    alert(select.value);
});

它正在访问值。

不是像现在那样打印出链接，而是希望能够访问该对象并打印出其他内容，例如 ACrush

DEMO

Answer 1

问题是您将数据和 DOM 分开，因此当您单击某些内容并读取所单击内容的值时，您只是在读取页面上的文字，而不是读取数据。

您需要做的是获取点击的内容，然后使用该信息找到匹配的数据。获得匹配的数据后，您可以随心所欲地使用它。

这是我的演示:

首先:为每个元素添加“id”属性。

第二:使用所说的“id”可以轻松找到该元素并获取其信息。

$("#newLocation").change(function(e) {
  // get id of what was clicked
  var selected_id = e.target.value; 

  // then use it to find right item`enter code here`
  var selected_item = items.find(function(item){
    return item.id === selected_id; 
  }); 

  // can now access any property
  alert(selected_item.MagicDamage); 
});

JS Fiddle