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

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}}&nbsp; &nbsp;<input id="{{.}}" class="img-buttons" type="image" src="/images/icons/pencil.png" alt="edit" width="15" height="15">{{end}}在javascript中你可以做，$(".img-buttons").click ( function() {&nbsp; &nbsp; $(this).attr( "id" ); // get Id});如果更适合您，您可以使用 html数据属性代替 id 。HTML：{{range $i, $e := .Process}}&nbsp; &nbsp;<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() {&nbsp; &nbsp; $(this).data( "id" ); // get Id});