今回は「指定したURLを含むリンクを探す」について紹介したいと思います。 この手法を知ったときは結構感動したし、結構便利なものなので個人的にとてもおすすめです！ DOM構成 まずは今回使用するDOMの構成についてです。 <table border=1> <tbody> <tr> <td class="cls001" id="id001"><a href="./gyudon">牛丼</a></td> <td class="cls002" id="id002"><a href="./cheese">とろーり3種のチーズ牛丼</a></td> </tr></tbody></table>

今回は「属性を選択する」について紹介したいと思います。 DOM構成 まずは今回使用するDOMについてです。 <table border=1> <tbody> <tr> <td class="cls001" id="id001"><a href="./gyudon">牛丼</a></td> <td class="cls002" id="id002"><a href="./cheese">とろーり3種のチーズ牛丼</a></td> <td class="cls003" id="id003"><a href="./mentai">高菜明太マヨ牛丼</a></td> </tr> <tr> </tr></tbody></table>

今回は「現在の各要素から相対的に指定する」について紹介したいと思います。 DOM構成 まずは今回使用するDOMの構成についてです。 <table border=1> <tbody> <tr> <td class="cls001" id="id001"><a href="./gyudon">牛丼</a></td> <td class="cls002" id="id002"><a href="./cheese">とろーり3種のチーズ牛丼</a></td> <td class="cls003" id="id003"><a href="./mentai">高菜明太マヨ牛丼</a></td> </tr>…</tbody></table>

今回は「複数のうちインデックス番号でフィルタリングする」について紹介したいと思います。 DOM構成 まずは今回使用するDOMの構成についてです。 <table border=1> <tbody> <tr> <td class="cls001" id="id001"><a href="./gyudon">牛丼</a></td> <td class="cls002" id="id002"><a href="./cheese">とろーり3種のチーズ牛丼</a></td> <td class="cls003" id="id003"><a href="./mentai">高菜明太マヨ牛丼</a></td></tr></tbody></table>

今回は「現在の各要素から指定した条件に合致する子孫要素を選択する」ということについて紹介したいと思います。 DOM構成 まずは今回使用するDOMの構成についてです。 <table border=1> <tbody> <tr> <td class="cls001" id="id001"><a href="./gyudon">牛丼</a></td> <td class="cls002" id="id002"><a href="./cheese">とろーり3種のチーズ牛丼</a></td> <td class="cls003" id="id003"><a href="./mentai">高菜明太マヨ…</a></td></tr></tbody></table>

今回もjQueryの基本となるところになると思います。今回は要素についているidやclassを取得する方法を紹介したいと思います。 DOM構成 こちらは毎度おなじみのものになります。 <table border=1> <tbody> <tr> <td class="cls001" id="id001"><a href="./gyudon">牛丼</a></td> <td class="cls002" id="id002"><a href="./cheese">とろーり3種のチーズ牛丼</a></td> <td class="cls003" id="id003"></td></tr></tbody></table>

今回は基本となる「タグを指定して取得する」ことについて紹介したいと思います。 1日目でしれっと使ってしまいましたが、改めてこちらの記事で紹介したいと思います。 DOM構成 まずは今回使用するDOMの構成についてです。 <table border=1> <tbody> <tr> <td class="cls001" id="id001"><a href="./gyudon">牛丼</a></td> <td class="cls002" id="id002"><a href="./cheese">とろーり3種のチーズ牛丼</a></td> </tr></tbody></table>

JavaScriptでWebページをスクレイピングするボットをたまに作っています。スクレイピングをするときにjQueryでDOMを操作をして現在のページの状態を判断したり、その結果どのリンクを踏むかなどを決めたりしています。 DOMの取得について その、ページの状態…

タイトルの通り、jqueryで指定したURL、または指定した文字列を含むURLのリンクを探す方法です。 普段はaタグを探すとなると、このように指定すると思います。 $('a') これに追加して指定のclassやidのaタグを探すときは、 $('a.className') $('a.idName') …