JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码

要判断一个元素下面是否有内容，可以使用$.isEmptyObject()方法或.children().length属性进行判断。

使用$.isEmptyObject()方法

$.isEmptyObject()是用来判断对象是否为空的方法，可以把返回的值作为判断是否有内容的依据。如果返回true，表示没有内容；否则表示有内容。

示例代码：

if ($.isEmptyObject($('#element').html())) {
  console.log('元素没有内容');
} else {
  console.log('元素有内容');
}

使用.children().length属性

.children()方法用来获取某个元素的直接子元素，.length属性可以获取子元素的个数。如果子元素的个数为0，说明该元素下面没有内容。

示例代码：

if ($('#element').children().length === 0) {
  console.log('元素没有内容');
} else {
  console.log('元素有内容');
}

同理，如果要判断某个元素下面是否有特定的标签，可以通过.find()方法结合.length属性进行判断。

使用.find().length属性

.find()方法用来查找某个元素下面的特定标签，.length属性可以获取标签的个数。如果标签的个数为0，说明该元素下面没有特定标签。

示例代码：

if ($('#element').find('p').length === 0) {
  console.log('元素下面没有p标签');
} else {
  console.log('元素下面有p标签');
}

以上就是使用jQuery判断元素下面是否有内容或特定标签的攻略。