1. ホーム
  2. javascript

[解決済み] jQueryを使用してHTML要素が空かどうかを確認するにはどうすればよいですか?

2022-03-15 01:06:45

質問

jQueryを使って、HTML要素が空の場合のみ関数を呼び出そうとしています。

このようなものです。

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

解決方法は?

if ($('#element').is(':empty')){
  //do something
}

をご覧ください。 http://api.jquery.com/is/ および http://api.jquery.com/empty-selector/

EDITです。

何人かの方が指摘されているように、空要素に対するブラウザの解釈は様々です。もし、スペースや改行などの見えない要素を無視して、より一貫した実装にしたい場合は、関数を作成することができます(または、その中のコードを使用するだけでもかまいません)。

  function isEmpty( el ){
      return !$.trim(el.html())
  }
  if (isEmpty($('#element'))) {
      // do something
  }

jQueryのプラグインにすることも可能ですが、イメージはつかめますね。