服务器在线 - 服务器软件 - 网站地图 服务器在线,专注于服务器技术!

当前位置:主页 > 网页前端 > HTML > 正文

在jquery中使用html()和text()方法替换HTML或文本内容

时间:2021-02-20    来源:服务器在线    投稿:泡泡    点击:

jquery之设置元素内容(替换HTML或文本内容,使用html()和text()方法)

----------

html()命令,如果不带参数进行调用,就返回元素的HTML内容;如果带参数进行调用,就像其他jquery函数那样,设置元素的HTML内容。

===

html()语法1:

html()

获取匹配集里第一个元素的HTML内容

返回

第一个已匹配元素的HTML内容,返回值与访问那个元素的innerHTML属性所获得的内容一致

===

html()语法2:

html(text)

把传入的HTML片段设置为所有匹配元素的内容

参数

text  (字符串)将被设置为元素内容的HTML片段

也可以只获取或设置元素的文本内容,不带参数调用text()命令,返回所有文本连接而成的字符串。如:

 

<ur id="theList">
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
</ur>
 

 

如下语句:

 

var text = $("#theList").text();
 

 

导致变量赋值为:OneTwoThreeFour

===

text()语法1:

text()

把包装集里元素的所有文本内容连接起来,并返回字符串作为命令的结果

返回

连接而成的字符串

===

也可以利用text命令来设置包装集元素的文本内容。

text()语法2:

text(content)

把所有已包装元素的文本内容设置为已传递值,如果已传递文本包含尖括号(<,>),则这些字符被替换为等价的HTML实体。

注:<的HTML实体是&lt;,而>的HTML实体是&gt;。

参数

content (字符串)将要设置到包装集元素里的文本内容,任何尖括号字符将被转义为HTML实体。

请注意,用这些命令来设置元素的内部HTML或文本,将替换元素里的原先内容,所以使用这些命令必须小心谨慎。

如果您的问题仍未解决,还可以加入服务器在线技术交流QQ群:8017413寻求帮助。


相关内容
最新热点内容
推荐内容