jQuery を使用して HTML 要素が空かどうかを確認するにはどうすればよいですか? 質問する

jQuery を使用して HTML 要素が空かどうかを確認するにはどうすればよいですか? 質問する

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

このようなもの:

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

ベストアンサー1

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

詳細はhttp://api.jquery.com/is/そしてhttp://api.jquery.com/empty-selector/

編集:

一部の人が指摘しているように、空の要素の解釈はブラウザによって異なります。スペースや改行などの非表示の要素を無視して実装の一貫性を高めたい場合は、関数を作成するか、その中のコードを使用します。

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

これを jQuery プラグインにすることもできますが、そのアイデアは理解できます。

おすすめ記事