JQuery - Loop through DIVs with the same class and create Array for each of them

Question

I do have many DIVs with the same class .list. They are filled with other divs with the ID element. In these element divs there a checkboxes and textfields. I'm able to get all the checked checkboxes' next Textfield's value. I've saved them into one Array but I want an Array for each .list.

That's how my Code looks so far:

function test(){
 var array = new Array();
    $(".list > #element").each(function(){
    array.push($(this).find('input:checkbox[class=unterpunkte]:checked').next('input[type=textfield]').val());
    });
    console.log(array);
}

How can I dynamcially creat an Array for each list. I don't want to have one Array where all the Values are saved. I need Arrays for each div with class .list. Any ideas?

HTML/PHP:

echo("<div class='list' name='$oberpname' value='$oberpname'>");

        while($satz != null)
        {
            echo("<div id='element'><label><input type='checkbox' class='unterpunkte' name='$satz[unterpname]' value='$satz[unterpid]'><input type='textfield' class='$oberpname' value='$satz[unterpname]' readonly/></label></div>");
            $satz=mysql_fetch_assoc($cursor);
        }

        echo("</div>"); //.list div end

EDIT NOTE: Added HTML/PHP

Can you explain me the difference between a rendered html and my html? — Preprocezzor
– Preprocezzor, Commented Feb 27, 2014 at 8:08

Arun P Johny · Accepted Answer · 2014-02-27 08:22:15Z

4

Note: ID of an element must be unique, so instead of using element as an ID use it as a class.

You can create an array of arrays, and access the desired list of checkboxes using the index of the list element lik

function test() {
    var array = new Array();
    $(".list").each(function () {
        var vals = $(this).find('input:checkbox[class=unterpunkte]:checked').next('input[type=textfield]').map(function () {
            return this.value;
        }).get();
        array.push(vals)
    })
    console.log(array);
}

Now array[0] will give the values for list 1 where as array[1] will give the values for list 2

answered Feb 27, 2014 at 8:22

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

3 Comments

Preprocezzor Over a year ago

This worked for me. Thank you. I have a question about my 'not-rendered' HTML. Is there a better way to make it in a rendered way? I used PHP because I got some values from database and filled them in PHP Varaibles.

Arun P Johny Over a year ago

your PHP code is ok... but when you post a question related to html we will be more interested in how the actual html might look like than the template because if you share the PHP or any other template then we need to spent time on going through that to findout what will be the actual html

Arun P Johny Over a year ago

The best way is to in the browser go to view source on the target page and get the html from there - that will be the actual html created by your php code

Collectives™ on Stack Overflow

JQuery - Loop through DIVs with the same class and create Array for each of them

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