-

xiyueta().text() 属性方法

获取匹配元素集合中每个元素的组合文本内容(包括它们的后代),或设置匹配元素的文本内容
快速上手

xiyueta().text()属性方法,二种调用方式:
1、xiyueta("div").text(); //获取匹配元素集合中每个元素的组合文本内容(包括它们的后代)
2、xiyueta("div").text("设置内容"); //设置每个匹配元素的文本内容

总结:xiyueta().text()用法与jQuery中jQuery().text()用法保持一致,xiyueta().text(function(i){})可以向jQuery里一样来使用
see https://api.jquery.com/text
尝试一下>>

  • 代码
  • 效果
<script src="https://www.xiyueta.com/js/xiyueta.min.js"></script>
<script>var html='<span>xiyueta</span><span>JS库</span>';
$.load(html); //解析html
$.log($("span").text()); //获得元素文本
// $.log($("span").parse(html).text()); //解析html后获得元素文本  简单快速方法
</script>
xiyuetaJS库


例子1:
找到第一段中的文本(去掉html),然后设置最后一段的html以显示它只是文本(红色粗体消失)。(引用jQuery例子)
查看效果>>

  • 代码
<script src="https://www.xiyueta.com/js/xiyueta.min.js"></script>
<script>
var html = [
    '   <style>',
    '  p {',
    '    color: blue;',
    '    margin: 8px;',
    '  }',
    '  b {',
    '    color: red;',
    '  }',
    '  </style>',
    '<p><b>Test</b> Paragraph.</p>',
    '<p></p>'
].join("\n");


$.load(html)
var str = $("p").first().text();
$("p").last().html(str);

$.log($.html())
document.write($.html())

</script>


例子2:
向段落中添加文本(注意粗体标记已转义)。(引用jQuery例子)
查看效果>>

  • 代码
<script src="https://www.xiyueta.com/js/xiyueta.min.js"></script>
<script> 
var html = [
    '<style>',
    '  p {',
    '    color: blue;',
    '    margin: 8px;',
    '  }',
    '  </style>',
    '  <p>Test Paragraph.</p>'
].join("\n");

$.load(html)
$("p").text("<b>Some</b> new text.");

$.log($.html())
document.write($.html())

</script>


详细说明

详细演示jquery().text()的.text()属性方法与xiyueta().text()的.text()属性方法的效果。
通过给.text()传不同类型的值来测试.text()属性在jquery里和xiyueta里的效果是否一样。
传值类型有字符,数字,数组,对象,函数等。
查看效果>>

  • 代码
  • 效果
 
<script src="https://www.xiyueta.com/js/xiyueta.min.js"></script>
<script src="https://www.xiyueta.com/js/jquery.js"></script> 
    <ul>
        <li>xiyueta.com</li> 
    </ul>
    <script type="text/javascript">  
    var c ="";
    var id=0;//编号
    var fun=function(n){
        if(n==undefined)n=1;
        return n;
    }    
    var funtrue=function(){
        return true;
    }    
    var funfalse=function(){
        return false;
    }
    var funstr=function(){
        return "str";
    }
    var funnumb=function(){
        return 123;
    }
    var funarray=function(){
        return [1,2,"a",false,true];
    }
    var funobj=function(){
        return {"a":"11","bb":"22","ccc":"333"};
    }

    xiyueta.load("<ul><li>xiyueta.com</li></ul>")

    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text()');
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text(1).text()');
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text(123).text()');
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text(313801120).text()');
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text(null).text()');//cheerio 里不一样
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text(undefined).text()');//cheerio  里不一样
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text(fun()).text()');
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text("a").text()');
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text(false).text()');
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text(true).text()');
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text(1.1).text()');
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text([1,2,3,4,5,6]).text()');
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text({"a":1,"b":2,"c":3}).text()');
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text(NaN).text()');
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text(Infinity ).text()');
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text(function(){}).text()');


    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text(funtrue()).text()');
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text(funfalse()).text()');
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text(funstr()).text()');
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text(funnumb()).text()');
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text(funarray()).text()');
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text(funobj()).text()');


    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text([]).text()');
    jQueryAndxiyuetaDebug('jQuery("li:eq(0)").text({}).text()');
    // jQueryAndxiyuetaDebug(' $("li:eq(0)").text( 100n ).text()';//在asp版不行
 

    function jQueryAndxiyuetaDebug(js) {
        var jsXiyueta=js.replace(/jQuery/g,"xiyueta")
        var s1=jsEv(js)
        var s2=jsEv(jsXiyueta)
        id++
        xiyueta.log(id,js,s1,jsXiyueta,s2,(s1==s2))
        console.log(id,js,s1,jsXiyueta,s2,(s1==s2))
    }
    function jsEv(js) {
        var s = eval(js);
        var deyu = "";
        if (typeof s == 'string') {
            s = s.replace(/\n/g, '\\n');
            deyu = "'" + s + "'";
        } else if (typeof s == "object") {
            deyu = "'" + s + "'";
        }else{
            deyu=s+""
        }
        if(deyu=="")deyu="''"; 
        return deyu; 
    }
</script> 

 
1
jQuery("li:eq(0)").text()
'xiyueta.com'
xiyueta("li:eq(0)").text()
'xiyueta.com'
true
2
jQuery("li:eq(0)").text(1).text()
'1'
xiyueta("li:eq(0)").text(1).text()
'1'
true
3
jQuery("li:eq(0)").text(123).text()
'123'
xiyueta("li:eq(0)").text(123).text()
'123'
true
4
jQuery("li:eq(0)").text(313801120).text()
'313801120'
xiyueta("li:eq(0)").text(313801120).text()
'313801120'
true
5
jQuery("li:eq(0)").text(null).text()
''
xiyueta("li:eq(0)").text(null).text()
''
true
6
jQuery("li:eq(0)").text(undefined).text()
''
xiyueta("li:eq(0)").text(undefined).text()
''
true
7
jQuery("li:eq(0)").text(fun()).text()
'1'
xiyueta("li:eq(0)").text(fun()).text()
'1'
true
8
jQuery("li:eq(0)").text("a").text()
'a'
xiyueta("li:eq(0)").text("a").text()
'a'
true
9
jQuery("li:eq(0)").text(false).text()
'false'
xiyueta("li:eq(0)").text(false).text()
'false'
true
10
jQuery("li:eq(0)").text(true).text()
'true'
xiyueta("li:eq(0)").text(true).text()
'true'
true
11
jQuery("li:eq(0)").text(1.1).text()
'1.1'
xiyueta("li:eq(0)").text(1.1).text()
'1.1'
true
12
jQuery("li:eq(0)").text([1,2,3,4,5,6]).text()
'1,2,3,4,5,6'
xiyueta("li:eq(0)").text([1,2,3,4,5,6]).text()
'1,2,3,4,5,6'
true
13
jQuery("li:eq(0)").text({"a":1,"b":2,"c":3}).text()
'[object Object]'
xiyueta("li:eq(0)").text({"a":1,"b":2,"c":3}).text()
'[object Object]'
true
14
jQuery("li:eq(0)").text(NaN).text()
'NaN'
xiyueta("li:eq(0)").text(NaN).text()
'NaN'
true
15
jQuery("li:eq(0)").text(Infinity ).text()
'Infinity'
xiyueta("li:eq(0)").text(Infinity ).text()
'Infinity'
true
16
jQuery("li:eq(0)").text(function(){}).text()
'Infinity'
xiyueta("li:eq(0)").text(function(){}).text()
'Infinity'
true
17
jQuery("li:eq(0)").text(funtrue()).text()
'true'
xiyueta("li:eq(0)").text(funtrue()).text()
'true'
true
18
jQuery("li:eq(0)").text(funfalse()).text()
'false'
xiyueta("li:eq(0)").text(funfalse()).text()
'false'
true
19
jQuery("li:eq(0)").text(funstr()).text()
'str'
xiyueta("li:eq(0)").text(funstr()).text()
'str'
true
20
jQuery("li:eq(0)").text(funnumb()).text()
'123'
xiyueta("li:eq(0)").text(funnumb()).text()
'123'
true
21
jQuery("li:eq(0)").text(funarray()).text()
'1,2,a,false,true'
xiyueta("li:eq(0)").text(funarray()).text()
'1,2,a,false,true'
true
22
jQuery("li:eq(0)").text(funobj()).text()
'[object Object]'
xiyueta("li:eq(0)").text(funobj()).text()
'[object Object]'
true
23
jQuery("li:eq(0)").text([]).text()
''
xiyueta("li:eq(0)").text([]).text()
''
true
24
jQuery("li:eq(0)").text({}).text()
'[object Object]'
xiyueta("li:eq(0)").text({}).text()
'[object Object]'
true