決定手順: 1. Children() を使用して、指定された要素のすべての直接のサブセット要素を取得します。「specified element object.children();」という構文は、サブセット要素を含む jquery オブジェクトを返します。サブセット内の要素の数。構文は「jquery object.length」です。 3. ">= 演算子を使用して、サブセット内の要素の数が 1 以上であるかどうかを判断します。構文は次のとおりです。 「要素数 >= 1」、それがそれ以上の場合、1 の場合はサブ要素があり、それ以外の場合はサブ要素はありません。
このチュートリアルの動作環境: Windows7 システム、jquery3.6.0 バージョン、Dell G3 コンピューター。
要素に子要素があるかどうかを判断する jquery メソッド
jquery では、children() メソッドと length 属性を使用して、要素に子要素があるかどうかを判断できます。
実装手順:
ステップ 1: Children() を使用して、指定された要素の直接のサブセット要素をすべて取得します
要素 object.children() を指定します。サブセット要素を含む jquery オブジェクトを返します
ステップ 2: length 属性を使用して、jquery オブジェクト内のサブセット要素の数をカウントする
jqueryオブジェクト.長さステップ 3: ">= 演算子を使用して、サブセット要素の数が 1 以上であるかどうかを判断します。
サブセット要素の数 >= 11 以上の場合、指定された要素内に子要素が存在します。
1 未満の場合、指定された要素内に子要素が存在します。
実装コード:
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="js/jquery-3.6.0.min.js"></script><script type="text/ javascript">$(document).ready(function() {$("button").click(function() {$len=$("div").children().length;if ($len>=1 ) {console.log("指定された要素には子要素が存在します");} else {console.log("指定された要素には子要素がありません");}});});</script>< /head><body ><div style="border: 1px Solid red;"><p>子要素 1</p><span>子要素 2</span><span>子要素 2</span>< p>子要素 3 </p><p>子要素 4</p></div><br><button>div 要素に子要素があるかどうかを指定します</button></body></html>
[推奨学習: jQuery ビデオ チュートリアル、Web フロントエンド ビデオ]
上記は、jquery が要素に子要素があるかどうかを判断する方法の詳細な内容です。詳細については、このサイトの他の関連記事に注目してください。