jqueryのfind関数から帰ってきたオブジェクト内を更にfindしたい

実現したいこと

jqueryのfind()を使って条件に合致するDOMオブジェクトを配列で取得したあと、その配列内をさらにfind()で検索したいと思っています。

前提

1回目のfind()にて、以下に示すDOMオブジェクト配列が取得できています。
この中から、2回めのfind()にて「selected」クラスが割り振られているDOMオブジェクトを持ってきたいです。

発生している問題・エラーメッセージ

find()の返し値であるDOMオブジエクト配列からさらにfind()を呼び出して検索しようとしましたが、2回めのfind()呼び出しでは何も返ってこず、検索ができていません。
（2回めのfind条件であるセレクタは動的に作成するため、1回目のfindとは別個にfindしたいと思っています。）
どうすればDOMオブジェクト配列の中から該当するDOMを持ってこられるのでしょうか？

該当のソースコード

JavaScript
1//bodyをDOM検索のルートにする
2var currentDom = $('body');
3
4//1回目find用のセレクタ文字列を取得
5var selectorStr = getSelectorStr1st();
6
7//セレクタ文字列からDOMを取得
8currentDom = $(currentDom).find(selectorStr);
9
10//2回めfindの必要があればセレクタ文字列を取得して更にfind
11if(required2ndFind()){
12	selectorStr = getSelectorStr2nd();　//ここでselectorStrに ".selected" が入る
13
14	//セレクタ文字列からDOMを取得
15	currentDom = $(currentDom).find(selectorStr);
16}
17

補足情報（FW/ツールのバージョンなど）

使用ブラウザ：Chrome バージョン: 108.0.5359.125（Official Build）（64 ビット）
jQueryバージョン 3.6.0

int32_t

2023/02/13 06:15

1回目のfind()の結果を絞り込みしたいということでしょうか。

行動規範の内容に同意します

回答2件

ベストアンサー

find() は起点要素の子孫要素を検索します。起点要素にはマッチしません。この用途なら、filter() でしょう。

投稿2023/02/13 06:20

int32_t

総合スコア21929

eleele28

2023/02/13 06:43

2回めのfindをfilterに変更してバッチリでした！！ findは起点であるDOMオブジェクト配列の検索はできないのですね。勉強になりました！

行動規範の内容に同意します

findからfindは普通に繋げられます

javascript
1<script>
2$(function(){
3  $('div').find('p').find('span').text(function(){return "x"+$(this).text();});
4});
5</script>
6<div>
7<p>
8<span>1</span>
9<span>2</span>
10<span>3</span>
11</p>
12<p>
13<span>4</span>
14<span>5</span>
15<span>6</span>
16</p>
17<p>
18<span>7</span>
19<span>8</span>
20<span>9</span>
21</p>
22</div>