create array using each class name

Question

I'm trying to create an array by accessing a class called 'name'. However, I'm only able to get the list of names in one block when I alert the array. I think I may be using the .each() wrong. I want to return an array that has the names listed separately. I would greatly appreciate any help!

jquery

    $('.dropdown-content ul li span').click(function(){
        $('.hiddenfield').val($(this).html());
            $('form').submit(function(){
            var arr=[];
            $('.name').each( function()
                arr.push(('.dropdown-content').val($(this).text()));
                alert(arr);
            })
    });
    });

Please post real code.... not images of code. How is anyone supposed to be able to copy code from an image to try to help you? — charlietfl
– charlietfl, Commented Jan 25, 2016 at 13:57

Tushar · Accepted Answer · 2016-01-26 14:50:23Z

1

Two Problems:

The submit event handler should not be nested inside the click handler. This will bind a new submit event on the form each time <li> is clicked.
Syntax Errors highlighted in the code below

Code:

$('.dropdown-content ul li span').click(function () {
    $('.hiddenfield').val($(this).html());
});

$('form').submit(function () {
    var arr = [];
    $('.name').each(function () { // <-- Missed { here
        arr.push($('.dropdown-content').val($(this).text()));
        //       ^        Missed `$` here
        alert(arr);
    });
});

To get the array of text, you can use $.map with $.get.

var arr = $('.name').map(function () {
    return $.trim($(this).text()); // Use trim to remove leading and trailing spaces
}).get();

edited Jan 26, 2016 at 14:50

answered Jan 25, 2016 at 14:02

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

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

2 Comments

I Like Over a year ago

Thanks so much! Can you explain what .get() does in this case?

Tushar Over a year ago

Welcome @st4rgut. get() return an array from jQuery object.

Ibrahim Khan · Accepted Answer · 2016-01-25 14:09:48Z

1

You can do it like following using map() function. Separate the click and submit event.

$('form').submit(function(){
    var arr=[];
    var arr = $('.name').map( function()
        return $(this).text();              
    }).get();
    alert(arr);
});

$('.dropdown-content ul li span').click(function() {
    $('.hiddenfield').val($(this).html());
});

edited Jan 25, 2016 at 14:09

answered Jan 25, 2016 at 13:58

Ibrahim Khan

20.8k7 gold badges46 silver badges57 bronze badges

1 Comment

charlietfl Over a year ago

returns a jQuery object not an array

Collectives™ on Stack Overflow

create array using each class name

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related