jQuery eachメソッドを使って複数の要素を同時に取得する方法
環境
Google Chrome 105.0.5195.127
Windows 10 Home 64bit
jquery 3.6.1
構文
$(セレクタ).find(属性).each(function(index,ele){処理コード})
eachメソッドを使って連続した要素を同時に取得します。
形式
('セレクタ’).find('li’).each(function(index,ele){
findメソッドを使ってすべての「li要素」を検出します。
コールバック関数の引数である「index」は要素のインデックス番号であり、「element」は対象のli要素になります。
使用例
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('#cft').find('li').each(function(index,ele){ console.log(ele.textContent); }) }); </script> </head> <body> <div id="cft"> <ul> <li id="citst">東京</li> <li id="name">大阪</li> <li id="cityB">福岡</li> </ul> </div> </body> </html>
実行結果
東京
大阪
福岡