ポンコツエンジニアのごじゃっぺ開発日記。

いろいろポンコツだけど、気にするな。プログラム&ロボット大好きなポンコツが日々の記録を残していきます。 自動で収入を得られるサービスやシステムを作ることが目標!!

連載

【連載】jQueryでDOMを取得しよう – 8日目「指定したURLを含むリンクを探す」

今回は「指定した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>

【連載】jQueryでDOMを取得しよう – 7日目「属性を選択する」

今回は「属性を選択する」について紹介したいと思います。 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>

【連載】jQueryでDOMを取得しよう – 6日目「現在の各要素から相対的に指定する」

今回は「現在の各要素から相対的に指定する」について紹介したいと思います。 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でDOMを取得しよう – 5日目「複数のうちインデックス番号でフィルタリングする」

今回は「複数のうちインデックス番号でフィルタリングする」について紹介したいと思います。 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でDOMを取得しよう – 4日目「現在の各要素から指定した条件に合致する子孫要素を選択する」

今回は「現在の各要素から指定した条件に合致する子孫要素を選択する」ということについて紹介したいと思います。 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でDOMを取得しよう – 3日目「idやclassを指定して取得する」

今回もjQueryの基本となるところになると思います。今回は要素についているidやclassを取得する方法を紹介したいと思います。 DOM構成 こちらは毎度おなじみのものになります。 [code lang="html"] <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>

【連載】jQueryでDOMを取得しよう – 2日目「タグを指定して取得する」

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

【連載】jQueryでDOMを取得しよう - 1日目「はじめに」

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