jQuery "Each" function for values

Question

EDIT:

So, I have following ajax result:

function(data){
    var my_title= data.title; // values: post1,post2,post3      
    var my_name = data.name;  // values: steve,mike,sean

     var my_html ='<div class="'+ my_title +'">'+ my_name +'</div>' 
     jQuery('.my_class').append(my_html);           
};

So, I have two variables (my_titles and my_name) each with 3 values (n number values).

Then, I want to use these individual values for my_html variable and append them in the .my_class.

The result will be as follow:

 <div class="my_class">
    <div class="post1">Steve</div>
    <div class="post2">mike</div>
    <div class="post3">sean</div>
 </div>

Any suggestions to how to achieve this?

Thanks

Please show us what is in the my_title variable (what kind of data structure it is). And, describe what exactly you want to do with those values. "run the html function" is not a complete description of what you're trying to accomplish. — jfriend00
– jfriend00, Commented Jan 18, 2016 at 8:55
I made the post more clear with what I am trying to achieve. Please let me know if it is not clear. Thank you so much! — Steve Kim
– Steve Kim, Commented Jan 18, 2016 at 9:13

Royi Namir · Accepted Answer · 2016-01-18 08:55:40Z

2

You have a problem in your code.

Even if you itereate through the array , you're setting the value again and again to all .my_class elements

I assume you're after this :

$.each(data.title,function (i,n){

  jQuery('#my_class').append(n.title);    //or n , we don't know the  structure

})

Or if you have multiple .my_class elements and you want to add data respectively : you can do this

   $.each(data.title,function (i,n){

      jQuery('.my_class').eq(i).html(n.title);    //or n , we don't know the  structure

    })

edited Jan 18, 2016 at 8:55

answered Jan 18, 2016 at 8:53

Royi Namir

149k145 gold badges502 silver badges833 bronze badges

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

3 Comments

Steve Kim Over a year ago

That's exactly it! =) Thank you. I will give it a try!

Steve Kim Over a year ago

Hi. I updated my post with what I am trying to achieve. Could you take a look at it for me? thanks!

Steve Kim Over a year ago

Thank you! =) Learned something new today! =) Appreciate it~

Collectives™ on Stack Overflow

jQuery "Each" function for values

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related