jQuery + JSON - .each not retrieving unique values

Question

This is my codepen: http://codepen.io/JTBennett/pen/OpEeBG

This is the jQuery in question:

  $('.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)
  });

(^this all happens at the bottom of the JS on the codepen link)

The issue looks like this:

So the data attribute is being filled up with every .dispCntry div's contents even though I'm doing this function in .each() .gvListing div. I have a feeling I'm missing something stupid, like the letter i somewhere - but I can't seem to get it right.

I ran your Codepen and inpected the elements... I just can see where this happens. — Louys Patrice Bessette
– Louys Patrice Bessette, Commented Mar 25, 2017 at 3:08

Ramesh Kharbuja · Accepted Answer · 2017-03-25 04:10:22Z

2

var cntText=$('.dispCntry').text(); will take every text of input that has .dispCntry class. It does not concentrate on your .each() .gvListing div. Either you have to use only one .dispCntry class input, or give unique class or id to each .dispCntry elements

answered Mar 25, 2017 at 4:10

Ramesh Kharbuja

4072 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Joel Over a year ago

OK maybe I've had the wrong idea about what .each does exactly :}. I'm hoping maybe I can assign an attribute value to each of the listing divs - maybe I can do that right when the strings are being called for the first time?

Joel Over a year ago

I'll try .each('listing') -> .find('nearest country field') -> .attr(this) --- does that sound plausible?

Collectives™ on Stack Overflow

jQuery + JSON - .each not retrieving unique values

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related