Struts2でiteratorタグを使用して生成した検索結果から行のデータを取得する方法

Question

###前提・実現したいこと
Struts2を使用して検索画面を作成しています。
検索結果をjsp内でiteratorタグを使用し表示させており、各行の先頭データがリンクになっています。
実現したいことは、リンクを押下した際にjavascriptでその行のデータを取得させることです。
よろしくお願いします。

###発生している問題・エラーメッセージ
tdタグにIDを付与してみましたがiteratorで生成される行全てに同じID名がついてしまうため上手く動作しません

###該当のソースコード

<s:iterator var="searchResult" value="search.result">
	<tr>
		<td id="AAA_ID">
			<s:property value="AAA" />
		</td>
		<td id="BBB_ID">
			<a id="runJs" href="#"><s:property value="BBB" /></a>
		</td>
		<td id="CCC_ID">
			<s:property value="CCC" />
		</td>
		<td id="DDD_ID">
			<s:property value="DDD" />
		</td>
		<td id="EEE_ID">
			<s:property value="EEE" />
		</td>
</s:iterator>

$("#runJs").on("click", function () {
	var AAA = document.getElementById("AAA_ID").innerText;
	var BBB = document.getElementById("BBB_ID").innerText;
	var CCC = document.getElementById("CCC_ID").innerText;
	var DDD = document.getElementById("DDD_ID").innerText;
	var EEE = document.getElementById("EEE_ID").innerText;

});

###試したこと
tdタグにIDを付与
→iteratorで生成される行全てに同じID名がついてしまうため上手く動作しない

「jsp iterator内 tdタグ id」等で検索
→参考になりそうな結果が得られなかった

###補足情報(言語/FW/ツール等のバージョンなど)
Struts2
Tomcat6
Java6
Eclipse4.4

Answer 1

tdタグもaタグも識別は、Idではなく、Classにしておくべきでしょう。
＃繰り返し出現するならば、一意ではないので。

 <a class="runJs" href="#"><s:property value="BBB" /></a>

となっているとつもりで。
id='AAA_ID'もclass='AAA'になったつもりで。

$(".runJs").on("click", function () {
    var AAA = $('.AAA', $(this).closest('tr')).innerText;
});

こんなふうに拾える気がします

押下されたクラスを拾い(function中のthis)、
そのクラスを囲むtr(closest('tr'))を掴んで
その中にある'.AAA'クラスを拾う感じです。

ノーデバッグなので動かなかったらごめんなさい。

Comments

[syachiku]

回答ありがとうございます。
htmlとjs両方修正してみましたが変数の値がundefinedとなってしまいました。
JavaEEではidの末尾にindexを自動で振り分けてくれる機能があったのですが、Struts2ではそのような機能はないのでしょうか。

[akio221]

iteratorにindexが欲しいのであれば、
<s:iterator value="List" status="sts" var="row">
としておけば、
<s:property value="#sts.index" />
で拾うことができますよ。

[syachiku]

動的にタグ内のIDにindexを付与してくれるようにはできないのですね。
最初の回答についてですが、IEの開発者ツールでデバッグしてみたところ
$('.AAA', $(this).closest('tr'))のcontextにinnerTextに値が入っていました
ただ、$('.AAA', $(this).closest('tr'))も$('.BBB', $(this).closest('tr'))も押下したリンクの文字列が値として入っていたのでinnerTextで値を取れたとしても1つしか必要な情報が取れません。

[akio221]

そこらあたりは、別途、classを割り振ったinputのhiddenに入れておくか、
<span class='tekito'>値</span>
として、classで拾う、ではいかがですか。

タグのIDに番号を振りたいならば、やや気持ち悪い書き方ですが
外が素タグでは
<tr id='ID_<s:property value="#sts.index" />'>
こんなのでも書けなくはないです。

strutsタグなら、
<s:任意のタグ id='%{#sts.index}'/>
みたいな書き方もできるかと。

[syachiku]

IDに番号を振るやり方で下記の記述でできました！ありがとうございます。
余裕があったら気持ち悪くない綺麗な書き方を模索してみます。
<tr id='ID_<s:property value="#sts.index" />'>

var AAA = document.getElementById($(this).parent().attr("id")).innerText;
var BBB = document.getElementById($(this).parents("tr").children("[id^='BBB']").attr("id")).innerText;