jquery 选择文本节点

在使用jQuery操作DOM的时候，经常需要选择文本节点来进行操作。而选择文本节点的基础就是要了解jQuery中选择器的特点。下面介绍几种常用的选择文本节点的方法。

// 通过标签名选择文本节点$("p").text();
    // 通过类名选择文本节点$(".class").text();
    // 通过id选择文本节点$("#id").text();
    // 通过属性选择器选择文本节点$("[attr=value]").text();
    // 通过子元素选择器选择文本节点$("p span").text();

其中，“text()”方法可以获取或设置元素的文本内容。如果要获取多个元素的文本内容，可以使用循环遍历的方式进行操作。

// 循环遍历多个元素获取文本内容$("p").each(function(index, element) {
    var text = $(element).text();
    console.log("第" + index + "个元素的文本内容为：" + text);
}
    );
    

需要注意的是，当元素中包含子元素时，“text()”方法会将子元素的文本内容也计算在内。如果只想获取子节点的文本内容，可以使用“children()”方法来选择元素的直接子元素。

// 获取元素的直接子元素文本内容$("p").children().text();
    

总之，选择文本节点的方法众多，需要根据具体情况选择不同的方法。熟练掌握这些方法可以在jQuery操作DOM时事半功倍。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！