jQuery 检查元素是否有子元素 - JavaScript

在 JavaScript 开发中经常遇到需要检查一个 DOM 元素是否拥有子元素的情况。jQuery 提供了便捷的方法来检查 DOM 元素是否有子元素，以及得到子元素的个数。下面介绍两种方法来实现这个功能。

使用 children() 方法

children() 方法可以返回一个元素的所有子元素，如果元素没有子元素，返回一个空 jQuery 对象。可以通过判断这个对象的长度来确定元素是否有子元素。示例代码如下：

if ($('#parent').children().length > 0) {
  console.log('parent has children');
} else {
  console.log('parent has no children');
}

使用 has() 方法

has() 方法可以检查一个元素是否有指定的子元素，如果有子元素返回一个包含这些子元素的 jQuery 对象。示例代码如下：

if ($('#parent').has('.child')) {
  console.log('parent has child element');
} else {
  console.log('parent has no child element');
}

注意要在 has() 方法中使用一个选择器来指定要寻找的子元素，这里使用了 .child 类选择器。

以上就是使用 jQuery 检查元素是否有子元素的两种方法。无论使用哪种方法，都非常简单，可以很方便地得出元素是否有子元素的结论。