実現したいこと
google maps APIで経路を検索した時、帰ってくるhtml要素を取りたいです。その時、google側が返してくる要素がdataセットのようで、その取り方が分からないです。JavaScriptよりjQueryの方が取りやすそうだったので試したものの、今までjQueryを使っていなかったもので、いまいち理解が進みません。
ソースコード
(簡略化しています)
html
1<div id = "result_area"><div> <!-- ここの自分で作ったdiv要素にAPIからの結果を提示する。 --> 2<!--これ以下APIからの結果 --> 3 <div class = "adp"> 4 <div jstcache="55" jsinstance="*0"> 5 <div> 6 <table class = "adp-directions"> 7 <tbody> 8 <!-- ↓ここの要素を取得したい--> 9 <tr data-leg-index="0" data-step-index="0" jstcache="60" jsaction="directionsPanel.selectLegAndStep" jsinstance="0"> 10 <!-- 中身省略--> 11 </tr> 12 <tr> ・・・・・ 13 </tr>
javascript
1//直近のclassのdiv要素の取得 2var apd_dire = $('#result_area').find(".adp-direction"); 3//tr要素を取りに行く 4 var tbody = apd_dire.children("tbody"); 5 var result = tbody.children("tr:first");//データセットの取り方が分からなかったので、trの最初の要素を取っています。 6 7//わかりやすいように背景色を変える。 8 result.css('background-color','red' );
要するに
自分が作った要素のなかにgoogleが返してきた結果を入れ、その要素の子孫のtrを取りに行きたいです。
慣れていなく、不恰好なjQueryで、文法ミスもあるかもです。
詳しい方、よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。