如何将动态 golang html 模板 ID 与 javascript 一起使用？

Question

您好，我在 golang 模板中有一个 html 图像按钮，其动态 ID 在范围内。我需要给它添加一个 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

给这些按钮一个class。

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

如何将动态 golang html 模板 ID 与 javascript 一起使用？

How to use dynamic golang html template id with javascript?

html

javascript

go

go-templates