获取匹配元素集合中每个元素的组合文本内容(包括它们的后代),或设置匹配元素的文本内容
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 |