主题: 3024-nightambiance-mobileambiancebase16-darkblackboardcobalteclipseerlang-darklesser-darkmbomdn-likemidnightmonokaineatneonightparaiso-darkpastel-on-darkrubybluesolarizedthe-matrixtomorrow-night-eightiesvibrant-ink 新窗口 视图: 左侧面板 HTML CSS JS 预览 F11(全屏显示选中的编辑器) 查看更多帮助信息

相关文章:

jQuery.text() 函数详解

代码类型:

默认(HTML/CSS/JS) HTML混合(单页) PHP Java C# C++ C SQL

杂项:

• 启用CSS/JS语法检查
• 监测脚本运行错误
• 禁止库文件重复

文档类型:

HTML5 HTML 4.01 Strict HTML 4.01 Transitional HTML 4.01 Frameset XHTML 1.0 Strict XHTML 1.0 Transitional XHTML 1.0 Frameset 无

JS库文件:

无 jQuery 1.11.1jQuery 2.1.1jQuery 1.10.2jQuery 1.9.1jQuery 1.8.3jQuery 1.7.2jQuery 1.6.4jQuery 1.5.2jQuery 1.4.4jQuery 1.3.2jQuery 1.2.6

手动添加:

1. jQuery 1.11.1

<div id="n1"> <p id="n2">Hello</p> <p id="n3"> CodePlayer <span id="n4">专注于编程开发技术分享</span> <span id="n5"></span> </p> <ul> <li>item1</li> <li>item1</li> <li>item1</li> </ul> </div>

var $n2 = $("#n2"); alert( $n2.text() ); // Hello // 设置n2的text内容 $n2.text( "Hello World" ); alert($("p").text()); // 返回"Hello World\nCodePlayer\n专注于编程开发技术分享\n" // 由于不同浏览器的HTML解析器差异，返回的文本在换行符或其他空白字符方面也可能不同。 var $n3 = $("#n3"); // 返回的是过滤掉HTML标记的文本内容 alert( $n3.text() ); /* CodePlayer 专注于编程开发技术分享 */ var $n5 = $("#n5"); // 虽然设置的内容中包含符合html标签的字符串，但是这些都会被当作文本内容看待，而不会被当作html内容来看待 // 因此页面上将显示字符串"<strong>Hello World</strong>"，而不是粗体的"Hello World"。 // 这相当于$5.html( '&lt;strong&gt;Hello World&lt;/strong&gt;' ); $n5.text( '<strong>Hello World</strong>' ); alert( $n5.text() ); // <strong>Hello World</strong> // 清空所有span元素的text内容(将text内容设为"") $("span").text( "" ); // 将所有li元素的text内容改为"第N个<li>元素" // 这里的N表示该元素在所有匹配元素中的序号(1、2、3……) $("li").text( function(index, currentText){ // 函数内的this指向当前迭代的li元素 return "第" + (index + 1) + "个<li>元素"; });