一般使用text(),会把子元素的文本也获取到。
<div class="content">
hellow
<span>唐小糖</span>
你好!
</div>
<script type="text/javascript">
$(function(){
var txt = $(".content").text();
console.log(txt);//hellow 唐小糖 你好
});
</script>
1.获取的文本在子元素前面
<div class="content">
hellow
<span>唐小糖</span>
你好
</div>
<script type="text/javascript">
$(function(){
var txt1 = $(".content").prop("firstChild").nodeValue;
var txt2 = $(".content").contents()[0].nodeValue;
var txt3 = $(".content").prop("childNodes")[0].nodeValue;
console.log(txt1);//hellow
console.log(txt2);//hellow
console.log(txt3);//hellow
});
</scrip