Question

I have a question.

How would i iterate through each h2 in their div, grab their text value and appending that to the other set of divs in the order that they appear on the other side?

i could use eq or something and go through each one but this isn’t ideal as the number of divs at any given time could be more or less and i’ll only have to go back and adjust the js to adjust for the number of divs.

There is no js i’ve done yet in this example just because i’m not sure how to approach this.

Any help is appreciated.

Fiddle Example

Thanks

Answer 1

I think using .eq is your only choice, but it does not make your code inflexible:

var $divs = $('.wrap-two div.item');

$('.wrap h2').each(function(index) {
    $divs.eq(index).text($(this).text());
});

// or alternatively:

var $h2s = $('.wrap h2');

$('.wrap-two div.item').text(function(index) {
    return $h2s.eq(index).text();
});

DEMO

Additional divs will be just left empty and too few divs are not a problem either. .eq will always return a jQuery object, even if an element with that index does not exist. The call to .text will then just be silently ignored.

Or do you want to always have as many divs as h2s?