如何在 jQuery 中確定空 HTML 元素？

jQuery 中判斷 HTML 元素是否為空

對於需要根據 HTML 元素是否為空進行條件執行的場景，jQuery 提供了解決方案。

jQuery :empty 選擇器

要檢查 HTML 元素是否為空，請使用 jQuery 的 :empty 選擇器。

<code class="js">if ($('#element').is(':empty')) {
  // do something
}</code>

如果所選元素不包含子元素、文字或元素，則此選擇器傳回 true空格。

處理隱藏元素

但是，瀏覽器可能會以不同的方式處理隱藏元素，例如空格和換行符。若要忽略這些隱藏元素並確保行為一致，請考慮使用下列函數：

<code class="js">function isEmpty(el) {
  return !$.trim(el.html());
}

if (isEmpty($('#element'))) {
  // do something
}</code>

這可確保在確定空性時僅考慮可見文字內容。同樣，可以基於這個函數來建立一個jQuery外掛。

以上是如何在 jQuery 中確定空 HTML 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！