您好,我在 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>
如何解决?有没有更好的方法来做到这一点?
最佳答案
给这些按钮一个类。
{{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 - 如何在javascript中使用动态golang html模板id?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35694126/