duanhui1185 2016-02-29 07:34
浏览 24
已采纳

如何在JavaScript中使用动态Golang HTML模板ID?

Hi I have a html image button with dynamic id inside range in golang template. I need to add a javascript function to it. But the problem is that how could I use this dynamic Id in javascript?

My 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>   

How to solve this? Is there any better way to do this?

  • 写回答

1条回答 默认 最新

  • dounaidu0204 2016-02-29 08:05
    关注

    Give those buttons a class.

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

    In javascript you can do,

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

    Instead of the id you can use html data attributes if that suits you better.

    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
    });
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 压测时,并发量过高时,响应时间出现尖刺
  • ¥15 关于vmprotect3.8.4虚拟文件一项
  • ¥15 在不用IT调试的情况下怎样能连外网
  • ¥20 C#调用虚拟键盘TabTip.exe
  • ¥15 Qt4代码实现下面的界面
  • ¥15 CCS离散化传递函数与仿真不一致
  • ¥15 prism提示我reinstall prism 如何解决
  • ¥15 asp.core 权限控制怎么做,需要控制到每个方法
  • ¥20 while循环中OLED显示中断中的数据不正确
  • ¥15 这个视频里的stm32f4代码是怎么写的