###前提・実現したいこと
複数の同じようなdiv構造を持つページ内で、div内でクリックが発生したときに、そのdiv内に含まれるh3タグ内の文字列を取得したい。
取得する方法はGoogleタグマネージャーのカスタムjavascriptを使う前提です。
いろいろスクリプトを試してみましたが、所望のような動作になりません。
当方はhtmlはだいたい理解できるものの、javascriptに関しては、これを実現するために勉強を始めたばっかりのレベルです。
###該当のソースコード
ページ内は以下のようなdivが連続して存在しています。
HTML
1<div class="Wrapper"> 2<div id="id0" class="tempoResult"> 3<h3><span><img src="icon_01.png" alt="江戸川店"></span>江戸川店</h3> 4<p>東京都<br>江戸川区<br>葛西<br>1-1-1</p> 5<p>Tel:03-3456-7890</p> 6<p>営業時間<br>10時-23時</p> 7</div> 8</div> 9 10<div class="Wrapper"> 11<div id="id1" class="tempoResult"> 12<h3><span><img src="icon_02.png" alt="西葛西店"></span>西葛西店</h3> 13<p>東京都<br>江戸川区<br>西葛西<br>1-1-1</p> 14<p>Tel:03-3456-9999</p> 15<p>営業時間<br>24時間営業</p> 16</div> 17</div> 18
1つめのdivで取得したいのは『江戸川店』の部分、
2つめのdivで取得したいのは『西葛西店』の部分です。
上記の形のdivでない部分をクリックされた場合は、nullで返れば問題ありません。
###試したこと
Googleタグマネージャーのカスタムjavascriptに以下のスクリプトをセットして、クリックされた周辺の文字列を取得することはできています。
この場所を元に最終的にh3タグ内の文字列を取得したいと思っています。
Javascript
1function () { 2 return {{Click Element}}.innerHTML 3} 4
###補足情報(言語/FW/ツール等のバージョンなど)
javascriptが実行できれば特に環境依存するようなことはないと思います。
htmlのコーディングを変更せずに、Googleタグマネージャーのスクリプトのみで文字列を取得できるようにすることが要件です。
よろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー