Question

33

getting .text() of children elements from jQuery()

rated 0 times [ 36] [ 3] / answers: 1 / hits: 36535 / 14 Years ago, fri, february 11, 2011, 12:00:00

I'm having trouble to get the proper formatted texts of each child elements, either as an Array or in as text.

I had tried

var name= jQuery(".childOne").text();

var number = jQuery(".childTwo").text();

but it joins all the name/number text in name and number.

HTML is:

<span class="parent"><span class="childOne">David</span><span class="childTwo">541</span></span>

<span class="parent"><span class="childOne">Gruce</span><span class="childTwo">162</span></span>

<span class="parent"><span class="childOne">Proman</span><span class="childTwo">743</span></span>

and I need to generate output in multi-dim-array so that each child-element's-text can be figured out properly.

Preferred output can be in array or in any form.

Array

(

    0 = > array (

            0 => "David",

            1 => "541"

        ),

        

    1 = > array (

            0 => "Gruce",

            1 => "162"

        ),

        

    2 = > array (

            0 => "Proman",

            1 => "743"

        )

)

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

cierra

Add To Favorites

Follow

Total Points: 504

Total Questions: 108

Total Answers: 109

Location: Northern Mariana Islands

Member since Fri, Jan 15, 2021

3 Years ago

answered 14 Years ago cristopherh · Accepted Answer

try this:

var data = [];



$('span.parent').each(function() {

    var $this = $(this);

    data.push({

        'name' : $this.find('span.childOne').text(),

        'number' : $this.find('span.childTwo').text()

    });

});

BTW: jQuery uses the Sizzle selctor engine. You should define the element type before the class, like span.parent. This is much more faster.