Question

嗨我在golang模板中有一个动态id在范围内的html图像按钮。我需要添加一个javascript函数。但问题是我怎么能在javascript中使用这个动态ID？

我的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>

如何解决这个问题？有没有更好的方法呢？

Answer 1

给这些按钮上课。

{{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
});

如果更适合你，可以使用html data attributes代替id。

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
});

如何使用javascript动态golang html模板ID？

1 个答案: