1

こんにちは、golang テンプレートの範囲内に動的 ID を持つ html 画像ボタンがあります。それにJavaScript関数を追加する必要があります。しかし、問題は、この動的 ID を JavaScript でどのように使用できるかということです。

私のHTML

{{range $i, $e := .Process}}
   <input id="id{{.}}" type="image" src="/images/icons/pencil.png" alt="edit" width="15" height="15">
{{end}}

JavaScript

<script type="text/javascript">
       $().ready(function() {
            $('#id{{.}}').click(function() {
                $('#hidebody').toggle();

            });
        });
    </script>

これを解決するには？これを行うより良い方法はありますか？

4

1 に答える 1

2

それらのボタンにクラスを与えます。

{{range $i, $e := .Process}}
   <input id="{{.}}" class="img-buttons" type="image" src="/images/icons/pencil.png" alt="edit" width="15" height="15">
{{end}}

あなたができるJavaScriptでは、

$(".img-buttons").click ( function() {
    $(this).attr( "id" ); // get Id
});

id の代わりに、htmlデータ属性を使用することもできます。

HTML:

{{range $i, $e := .Process}}
   <input data-id="{{.}}" class="img-buttons" type="image" src="/images/icons/pencil.png" alt="edit" width="15" height="15">
{{end}}

JS:

$(".img-buttons").click ( function() {
    $(this).data( "id" ); // get Id
});
于 2016-02-29T08:05:25.030 に答える