jquery+选取非标签内容

在使用jQuery的过程中，有时候需要选取非标签内容，比如只想选取某个div里的文本内容。那么该怎么做呢？

$(document).ready(function(){
    var text = $('#someDiv').clone().children().remove().end().text();
    console.log(text);
}
    );
    

以上代码中，我们使用了clone()方法克隆了#someDiv，在克隆出来的内容里再调用children()方法，把所有的子元素都移除了，于是只剩下了文本内容。最后再调用end()方法返回到原本的#someDiv上，再使用text()方法就可以选取到非标签内容了。

这是标题
这是一段话

• 这是列表项

上面的代码中，我们只想选取#someDiv里的“这是一段话”这部分。如果不使用以上代码，我们只能选取到#someDiv里的所有内容，包括h2、p和ul等标签。而使用以上代码，只需要把#someDiv改成其他需要选取非标签内容的元素的id或class，再把文本内容复制到另一个元素中即可。

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