如何检查 ul 标签中的文本

How to check for text in ul tags

本文关键字：标签 文本 ul 何检查 检查      更新时间：2023-09-26

我正在尝试在网站上实现某个功能，我需要检查<ul></ul>标签之间写的任何内容。如果没有，则应在标签之间附加文本

到目前为止，我已经尝试使用条件语句，但是当我调试它们时，这些语句似乎被忽略了。

这是我尝试过的代码：

if($('ul.list-group').length > 0 === false) {
   $('ul.list-group').append('Drag a page inside or below the box to create a child page');
}

任何帮助将不胜感激。

尝试收集目标元素的文本内容并检查其长度，

var elem = $('ul.list-group');
if(!elem.text().length) {
   elem.text('Drag a page inside or below the box to create a child page');
}

正如 epascarello 指出的那样，UL 不能将文本节点作为其直接子节点。不完全是，它可以。但它被认为是无效的 html。更好的方法是，

var elem = $('ul.list-group');
if(!$("li", elem).length) {
   elem.html('<li>Drag a page inside or below the box to create a child page</li>');
}

要查找所有ul.list-group为空的元素 - 它们没有子元素或文本：

$('ul.list-group:empty').text('Drag a page inside or below the box to create a child page');

https://api.jquery.com/empty-selector/

相关文章：