jQueryオブジェクトをfor ofで回すと、1つ1つの要素がDOMとなってしまう
jQueryオブジェクトとして使いたい場合どうするかを記していく。
先に答えを書いておくと、$()のカッコ内にDOM要素を入れるだけ
$(DOM要素)
実際にやってみた
例を上げると、こういう場合
<div class="hoge">デルピエロ</div>
<div class="hoge">トッティ</div>
<div class="hoge">カモラネージ</div>
let hoges = $('.hoge');
for (let hoge of hoges) {
// hogeがjQuery要素ではなく、DOM要素となっている
}
hoge(hogesの各要素)をjQueryとして扱いたい場合どうすればよいか
これでよい
for (let hoge of hoges) {
console.log($(hoge).text);
}