javascript - 试图选择 td 文本

Question

我有这个:

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

<table>
	<tr><td class="toShow">text1</td></tr>
	<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”。

我试过 ...)[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>
	<tr><td class="toShow">text1</td></tr>
	<tr><td class="toShow">text2</td></tr>
</table>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>