div into array using map function

Question

I m adding child divs of main div into array by id but couldn't get what is the problem.......? after adding into array i waant to send to ajax to write in csv

<!DOCTYPE html>
<html>
   <body>
        <p>Click the button to convert the array into a String.</p>
        <div id='main'>
            <div id='a'>
                dab
            </div>
            <div id='b'>
                nav
            </div>
        </div>

        <button onclick="myFunction()">Try it</button>

        <p id="demo"></p>

        <script>
            function myFunction() {
                var array = $('#main id').map(function() {
                    return $(this).val();
                }).get();
                array.toString();
                document.getElementById("demo").innerHTML = array;
            }
        </script>
   </body>
</html>

val() gets the value of an input, you have no elements with a value — adeneo
– adeneo, Commented Mar 2, 2016 at 20:09

Rajaprabhu Aravindasamy · Accepted Answer · 2016-03-02 20:01:35Z

2

Try to use attribute selector properly,

var array = $('#main [id]').map(function() {
   return $(this).text();
}).get();

Also .val() is a jquery function is specially for the elements which yields value property when accessing it on a node object. So when you want to access the content inside a div, you have to use .text()

answered Mar 2, 2016 at 20:01

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

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

1 Comment

Rajaprabhu Aravindasamy Over a year ago

@HamasMalik You have to configure your fiddle properly(add jquery library, wrap code in header tag). jsfiddle.net/L4yL7hjL/1

Collectives™ on Stack Overflow

div into array using map function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related