jQuery text()获取和修改元素文本内容

分类:知识百科 日期: 点击:0

jQuery 提供了一个 text() 方法,可以用来获取和修改元素的文本内容。

text() 方法可以接受一个参数,当参数不为空时,会将参数作为元素的文本内容,修改为参数值;当参数为空时,会获取元素的文本内容。

$("#element").text("This is a text.");

上面的代码将 id 为 element 的元素的文本内容修改为 This is a text。

$("#element").text();

上面的代码将获取 id 为 element 的元素的文本内容。

text() 方法还可以接受一个函数参数,该函数会接受一个参数,表示元素的文本内容,函数的返回值会作为元素的文本内容:

$("#element").text(function(index, oldText){
    return oldText + " This is a new text.";
});

上面的代码将 id 为 element 的元素的文本内容修改为原文本内容加上 This is a new text。

text() 方法还可以用来获取多个元素的文本内容:

$("p").text();

上面的代码将获取所有 p 元素的文本内容,并返回一个数组。

text() 方法可以用来获取和修改元素的文本内容,提供了比较灵活的操作。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。