javascript-检查DOM元素和子元素是否包含任何文本[JS或jQuery]

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-检查DOM元素和子元素是否包含任何文本[JS或jQuery]，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含785字，纯文字阅读大概需要2分钟。

内容图文

我希望能够检查一个元素中是否包含任何文本.我希望能够删除其中没有任何文本的元素.

但是,此dom元素可能包含一个或多个孩子,而这些孩子也可能包含其他孩子.因此,我希望能够遵循该元素的dom树,并在其中的所有元素中搜索文本.

像这样：

<div id="myElement">
  <span></span>
  <span></span>
  <span>
    <span></span>
    <span>b</span>
  </span>
</div>

现在div直接没有任何文本,但是有孩子.如何检查整个div中是否有文本？

编辑：

显然我有一个​跨度之一中的字符,我知道是零宽度的空白.因此,基本上即使没有文本,jQuery text()也会将其查找为一个并返回false.

我该如何解决？

解决方法:

jQuery的text()方法包括后代,因此：

$('.my-element-class').each(function() {
    if ( $(this).text() === '' ) {
        $(this).remove();
    }
});

要单独检查所有后代元素,我们必须稍微复杂一点：

$('.my-element-class').find('span').andSelf().each(function() {
    ...

http://api.jquery.com/text/

内容总结

以上是互联网集市为您收集整理的javascript-检查DOM元素和子元素是否包含任何文本[JS或jQuery]全部内容，希望文章能够帮你解决javascript-检查DOM元素和子元素是否包含任何文本[JS或jQuery]所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端