jQuery find()メソッドの使用方法

2年 ago
海斗, 葵
1 minute

JQuery の find()メソッドは、現在要素の子孫要素からセレクターにマッチする要素を検索します。セレクターをパラメーターとして渡すことで、要素を検索できます。

文法

$(selector).find(filter)

Native Japanese translation: 顧客は、すぐに使い始めることができる、使いやすい製品を求めています。

  1. 検索する要素を選択するためのセレクタ式。
  2. フィルタ（オプション）: 見つかった要素に対して、さらにフィルタを行うセレクタ表現。

戻り値：

  1. 一致する要素を含むJQueryオブジェクトを返します。

この文を日本語で自然に言い換えてください。1つのオプションのみ必要です: 例:

HTML:

<div id="container">
<h1>Title</h1>
<p class="content">Paragraph 1</p>
<p class="content">Paragraph 2</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
</div>

JavaScript：

// 查找所有p元素
var paragraphs = $("#container").find("p");
console.log(paragraphs);
// 查找.container下的所有子元素
var children = $(".container").find("*");
console.log(children);

ネイティブの日本語に言い換える際には、1つの選択肢だけで十分です。

// paragraphs:
[
<p class="content">Paragraph 1</p>,
<p class="content">Paragraph 2</p>
]
// children:
[
<h1>Title</h1>,
<p class="content">Paragraph 1</p>,
<p class="content">Paragraph 2</p>,
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>,
<li>Item 1</li>,
<li>Item 2</li>
]

上の例では、find()メソッドを使うことで、親要素から条件に一致する子要素をすべて検索できます。

bannerAds