javascript - jQuery + JSON - .each 不检索唯一值

Question

这是我的代码笔:http://codepen.io/JTBennett/pen/OpEeBG

这是有问题的 jQuery:

  $('.gvListing').each(function(){
    var cntTxt = $('.dispCntry').text()
    $(this).attr('data-country',cntTxt)
  var valueC = $('.ddCountry:selected').val();
  var valueR = $('.ddRegion:selected').val();
  $('#testDiv').text(valueC)
  });

(^这一切都发生在 codepen 链接上 JS 的底部)

问题如下:

因此，即使我在 .each() .gvListing div 中执行此功能，数据属性也会被每个 .dispCntry div 的内容填充。我有一种感觉，我错过了一些愚蠢的东西，比如某处的字母 i - 但我似乎无法正确理解。

Answer 1

var cntText=$('.dispCntry').text();将获取具有 .dispCntry 类的每个输入文本。它不专注于您的 .each() .gvListing div。您必须仅使用一个 .dispCntry 类输入，或者为每个 .dispCntry 元素提供唯一的类或 id