Tryint zu td Text

Question

wählen Ich habe diese:

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

Und wie Sie sehen können, habe ich das ganze td durch Konsole bin Anzeige, aber ich brauche nur den Text nach innen, dass zwei tds, in diesem Fall "text1" und "text2".

Ich habe mit ...)[i].text, .content, .val(), .value(), .content tryed .. aber es zeigt nicht definiert ..

Gibt es eine Möglichkeit, dass der Text zu bekommen?

Answer 1

Verwenden Sie einfach $.fn.text() oder 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>