empty選擇器用于選擇所有沒有子元素或文本內(nèi)容的元素。下面是一個例子:
$('p:empty').css('background-color', 'yellow');
這會將所有沒有文本或子元素的段落標記的背景顏色設(shè)置為黃色。
empty選擇器也可以與其他選擇器組合使用,例如:
$('div:has(p:empty)').addClass('no-content');
這會將所有包含空段落的div標記添加no-content類。
需要注意的是,有時候空段落不一定是沒有內(nèi)容,可能是僅包含空格或換行符等空白字符,這種情況下可以使用trim()方法來判斷是否為空:
$('p').filter(function() { return $.trim($(this).text()) === ''; }).addClass('empty');
這會將所有文本內(nèi)容為空的段落標記添加empty類。