Tryint选择td文本

时间:2016-12-10 05:03:36

标签: javascript jquery html

我有这个:



integration-test

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

正如你所看到的,我通过控制台显示整个td,但我只需要两个tds中的文本,在这种情况下,&#34; text1&#34;和&#34; text2&#34;。

我尝试使用<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> ..但它显示未定义..

有没有办法获得该文字?

1 个答案:

答案 0 :(得分:3)

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

即可

&#13;
&#13;
$(document).ready(Principal);
function Principal(){
    $('[class^="toShow"]').each(function () {
        console.log($(this).text());
        console.log(this.textContent);
    });
}
&#13;
<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>
&#13;
&#13;
&#13;