從jQuery獲取兒童元素的.text（）

Question

我無法獲得每個子元素的正確格式化文本，無論是作爲數組還是作爲文本。 。

我曾試圖

變種名稱=的jQuery（ 「childOne」）文本（）; 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> 

，我需要多暗淡陣列生成輸出，使每個兒童element's文本可適當想通了。

首選輸出可以是數組或任何形式。

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選擇器引擎。您應該在類之前定義元素類型，如span.parent。這要快得多。

Answer 2

如果這是一個固定的結構，你可以這樣做：

var data = []; 

$('.parent').each(function() { 
    data.push({ 
     'name': $(this).children('.childOne').text(), 
     'number': $(this).children('.childTwo').text() 
    }); 
}); 

編輯：顯然忘了.text();）

Answer 3

$('.parent').each(function(index) { 
    alert($(this).find('.childOne').text()); 
    alert($(this).find('.childTwo').text()); 
    }); 

後，你可以把它們放到一個數組

Answer 4

我已經做了工作example

var array= []; 


$('.parent').each(function(index) { 
    array.push({ 
     'name': $(this).children('.childOne').text(), 
     'number': $(this).children('.childTwo').text() 
    }); 
    }); 
alert(array[0].name); 

Answer 5

@Dyvor

BTW：jQuery使用滋滋聲selctor引擎。您應該在類之前定義元素類型，例如span.parent。這要快得多。

不正確！檢查這個性能測試。實際上是相反的。

http://jsperf.com/jquery-class-selector-vs-type-class-selector