Tryint選擇TD文本

Question

我有這樣的：

$(document).ready(Principal); 
 
function Principal(){ 
 
\t var howMuch = $('[class^="toShow"]').length; 
 
\t for(var i=0; i<howMuch; i++){ 
 
\t \t console.log($('[class^="toShow"]')[i]); 
 
\t } 
 
}

<table> 
 
\t <tr><td class="toShow">text1</td></tr> 
 
\t <tr><td class="toShow">text2</td></tr> 
 
</table> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

正如你所看到的，我顯示，通過控制檯整個TD，但我只需要內部兩個文本tds，在這種情況下，「text1」和「text2」。

我tryed與...)[i].text, .content, .val(), .value(), .content ..但它顯示未定義..

有沒有什麼辦法讓文字？

Answer 1

只需使用$.fn.text()或Node.textContent

$(document).ready(Principal); 
 
function Principal(){ 
 
    $('[class^="toShow"]').each(function() { 
 
     console.log($(this).text()); 
 
     console.log(this.textContent); 
 
    }); 
 
}

<table> 
 
\t <tr><td class="toShow">text1</td></tr> 
 
\t <tr><td class="toShow">text2</td></tr> 
 
</table> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>