HTMLで表示しているデータ配列の番号をjavascript側で取得したい
HTML5とSpring Bootで勉強中です。
下記のような形で、画面上にコントロールソース側から渡したtestLabelが複数表示することを確認でき、
islinkがtrueの場合に、画面上リンク可能な表示、押下するとjavascript側でchange()
が呼ばれることを確認できました。
ただ、このリストの何番目が押下されたかをjavascript側でどのように取得したらよいのでしょうか。
また
HTML側の <a href="#" th:text="${test.testLabel}" onclick="change()"></a>
も
期待した動きにはなっているのですが、通常このような記載はおかしいのでしょうか。
#onclickのあたりがどうなのだろうと思っています。
■javaコントロールソース側
下記の情報をもつリストを返しています
boolean islink
String testLabel
■HTML側
<div th:each="test, stat:${testlist}">
<div th:if="${test.islink} == false">
<div th:text="${test.testLabel}"></div>
</div>
<div th:if="${test.islink} == true">
<a href="#" th:text="${test.testLabel}" onclick="change()"></a>
</div>
</div>
■javaScript側
function changeLanguage() {
}