all
all メソッドを使用すると、CSS セレクタ に一致するページ上のすべての要素を取得し、これらの要素を含む配列を返すことができます。
<script src="https://cdn.jsdelivr.net/gh/kirakiray/ofa.js@4.5.26/dist/ofa.min.js"></script>
<ul>
<li>I am 1</li>
<li>I am 2</li>
<li>I am 3</li>
</ul>
<script>
setTimeout(()=>{
$.all("li").forEach((item,index)=>{
item.text = `change item ${index}`;
});
},500);
</script>
子要素の取得
インスタンスも all メソッドを持っており、インスタンス上の all メソッドを使用してサブエレメントを選択して取得することができます。
<script src="https://cdn.jsdelivr.net/gh/kirakiray/ofa.js@4.5.26/dist/ofa.min.js"></script>
<div id="target1">
<ul>
<li>I am 1</li>
<li>I am 2</li>
<li>I am 3</li>
</ul>
</div>
<script>
const tar = $("#target1");
tar.all("li").forEach((item,index)=>{
item.text = `change item ${index}`;
});
</script>