【问题标题】:jquery click on button display specific templatejquery单击按钮显示特定模板
【发布时间】:2020-11-11 00:25:21
【问题描述】:

问题

我在 javascript 中遇到了一个问题,如果用户点击 send button 他们会显示模板名称 a/c 到表格,我想这样做

例如:如果用户点击send button,则显示模板名称checked

我该怎么办?有人帮我吗?

我的代码在这里:

                $(document).on("click", "#send", function (e){
                    
                    var tempname = $(this).closest("tr").find("td.name").text();       //template data
                    var tempbody = $(this).closest("tr").find("td.body").text();   

                    console.log("tempname",tempname);
                    console.log("tempbody",tempbody);
                }
            });


            <tr class="template_lists" scope="row">
                <td style="display:none" class="index" ></td>
                <td class="name"></td>
                <td class="body" hidden></td>
                <td>
                <button type="button" id="send" class="btn btn-default">Submit</button>
</td>

预期输出

【问题讨论】:

  • 如果所有具有相同 id 的按钮将被触发,如果您使用 class 而不是 id 它应该可以工作
  • 能否用 HTML 部分更新问题。
  • 我尝试 ..我使用 class 而不是 id 但它不起作用@
  • 好的@

标签: javascript html jquery button html-table


【解决方案1】:

像这样?

$(document).on("click", "#send", function (e){
          $(this).closest("tr").find("td.name").html('checked');
                }
            });

我真的不明白你的意思。如果我错了,你可以评论我~

【讨论】:

  • 感谢它不工作@
  • Issue 如果所有具有相同 id 的按钮将被触发,如果你使用 class 而不是 id 它应该可以工作@
  • 对不起,我忘了删除var tempname = 。试试这个:$(this).closest("tr").find("td.name").html('checked');
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-07-19
  • 1970-01-01
  • 2014-02-15
  • 1970-01-01
  • 2019-11-15
相关资源
最近更新 更多