从jQuery()获取子元素的.text()

Question

我无法获得每个子元素的正确格式化文本,无论是作为数组还是作为文本.

我试过了

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

但它在名称和编号中加入了所有名称/编号文本.

HTML是:

<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>

我需要在multi-dim-array中生成输出,以便可以正确地计算出每个子元素的文本.

优选输出可以是阵列或任何形式.

Array
(
    0 = > array (
            0 => "David",
            1 => "541"
        ),

    1 = > array (
            0 => "Gruce",
            1 => "162"
        ),

    2 = > array (
            0 => "Proman",
            1 => "743"
        )
)

Answer 1

试试这个:

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使用Sizzle selctor引擎.你应该在类之前定义元素类型,比如span.parent.这要快得多.