当前位置：文江博客话题详情

如何检测一个元素是否为空但有空格和回车符并用 JavaScript / jQuery 修剪它们？

发布于 2024-12-22 14:44:50 字数 252 浏览 0 评论 0原文

我正在尝试使用 $.trim() 修剪空元素中的空格，以便我可以检查元素的长度以查看其中是否有文本内容，如果没有则将其删除来自 DOM。

某些元素返回的长度大于 0，因为它们中包含空格和/或回车符，而这就是它们中包含的全部内容。

我基本上需要找到并删除任何空标签（当它们中没有任何内容时）。

我不认为有人知道一种简单快速的方法来检查并删除页面主要内容中的任何空标签，无论它们是否包含任何空白字符？我确信一定有办法。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

阳光的暖冬 2024-12-29 14:44:50

您只想检查 body 中的元素，否则 script 标记和其他非内容元素也会被删除：http://jsfiddle.net/6zdNf/1/。

// filter empty elements after trimming
$("body *").filter(function() {
    return $.trim($(this).html()) === "";
}).remove(); // remove them

You'd want to check for elements in the body only, since otherwise script tags and other non-content elements also get removed: http://jsfiddle.net/6zdNf/1/.

// filter empty elements after trimming
$("body *").filter(function() {
    return $.trim($(this).html()) === "";
}).remove(); // remove them

回复收藏 0 原文

桃气十足 2024-12-29 14:44:50

只需使用带有函数的 jQuery 过滤器即可：

var rege = /\S/gi;
$('div').filter(function(){
  return rege.test($(this).text())
});

使用此代码后，您将只剩下带有文本的 div！请谨慎使用图像，因为它们没有任何文本！

正则表达式 /\S/gi 测试非空格字符。空标签将不匹配并返回 false。

Simply use jQuery filter with a function:

var rege = /\S/gi;
$('div').filter(function(){
  return rege.test($(this).text())
});

After using this code, you'll only have divs left with text in it! Use with caution on images, since they do not have any text!

The regular expression /\S/gi test for a non-space character. Empty tags won't match and will return false.

回复收藏 0 原文

等你爱我 2024-12-29 14:44:50

$('body *').each(function() {
    if (!$.trim($(this).text())) {
        $(this).remove();
    };
});

不过，不要指望它运行得非常高效。

$('body *').each(function() {
    if (!$.trim($(this).text())) {
        $(this).remove();
    };
});

Don't expect it to run very efficiently, though.

回复收藏 0 原文

梦巷 2024-12-29 14:44:50

试试这个：

$('body *').each(function(idx, element) {
    if ($(element).children().size() == 0) {
        if ($(element).text().trim() == "") {
            $(element).remove();
        }
    }
});

您可能需要进一步微调选择器，但它应该可以做到。

Try this:

$('body *').each(function(idx, element) {
    if ($(element).children().size() == 0) {
        if ($(element).text().trim() == "") {
            $(element).remove();
        }
    }
});

You may need to further fine-tune the selector a bit, but it should do it.

回复收藏 0 原文

~没有更多了~