2

私の JSP ページで、acor タグ内にあるラベルを動的に作成したいと考えています。別のアンカータグをクリックすると、対応するラベルテキストをjavascriptまたはjqueryを使用して取得したいと考えています。

これは私の JSP ページ コードです。

<body>
    <%
        for (int i = 0; i < sam.groupName.length; i++) {

            out.print("<a href='#'>");
            out.print("<img src='twoMen.jpg'/>");
            out.print("<label for='groupsId' id='labelId"+i+"'>"+ sam.groupName[i] + "</label>");
            out.print("</a>");

            out.print("<a href='javascript:void(0);' onclick='validation(this,"+i+");'>Edit</a>");

        }
    %>
</body>

Javascript コード:

function validation(anchor,i) {
        alert("Label value="+????);
    }
4

3 に答える 3

1

素早い回答：

function validation(anchor,i) {
    var value = $("#labelId"+i).text();
    alert("Label value= "+ value);
}

あなたが持っているラベルのIDを使用して、そこからテキストを取得してください。

.text()タグ内の TEXT が返されます。そのテキストが別のネストされたタグに含まれている場合はそうではありません。その場合は、.html()jQuery セレクターを使用または指定します。

アップデート

私は別の解決策も考えました。これはより簡単になると思います：

<body>
<%
    for (int i = 0; i < sam.groupName.length; i++) {

        out.print("<a href='#'>");
        out.print("<img src='twoMen.jpg'/>");
        out.print("<label for='groupsId' id='labelId"+i+"'>"+ sam.groupName[i] + "</label>");
        out.print("</a>");

        out.print("<a href='javascript:void(0);' onclick='validation(this,'"+sam.groupName[i]+"');'>Edit</a>");

    }
    %>
</body>

次に、次のように検証関数を使用できます。

function validation(anchor,value) {
    alert("Label value="+ value);
}

これは同じことを行いますが、必要な値を指すインデックスではなく、必要な値を渡します。これは、後で何かのために i インデックスが必要でない限り機能します。

于 2012-10-05T07:29:36.500 に答える
0

アンカーの言うclass1にいくつかのクラスを与え、jqueryのライブメソッドを次のように使用します。

$(".class1").live("click",function(){
alert(this.html())
});
于 2012-10-05T07:30:05.893 に答える
0

このような場合、最善の方法は、最終的なコードがどのようにレンダリングされるかを確認することです。ただし、ID から取得できます。

var myLabelId = 'labelId'+i;
var myLabel =   document.getElementById(myLabelId);
var myLabelValue = myLabel.innerText;
于 2012-10-05T07:30:07.447 に答える