javascript - 触发表中的点击事件

标签 javascript jquery

这是我的 jquery 代码:

$("#tableGrid").on("click", "tr", function (event) {
    var link = $(this).find('.view-icon');
    link.trigger('click');
    console.log(link);
});

我想触发这个

<table id="tableGrid">
    <tr>
        <td>
            <div class='line-item-icons'>
                <i class='icon-view view-icon' data-url="${filePath}"></i>
            </div>
        </td>
    </tr>
</table>

但我收到此错误:

无法开始加载

如何解决这个问题?图标位于表格内。

最佳答案

在你的 jquery 中尝试一下。希望这有效

$("#tableGrid").on("click", "tr", function (event) {
  var link = $(this).find('.view-icon');
  link.trigger('click',link);
});
$('.view-icon').click(function(e,link){
  e.stopPropagation();
  console.log(link);
});

这里唯一的区别是您在 console.log(link) 中获得的链接是元素而不是 jquery 对象。如果您希望它作为 jquery 对象,只需将其包装为 console.log($(link))

关于javascript - 触发表中的点击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46945695/

相关文章:

javascript - 是否可以在 url 路径的参数值中发送特殊字符?

将 unicode 符号代码转换为 HTML 中的 utf-8 的 Javascript 函数

jquery - Rails 中的客户端验证以及 jQuery slider 中的表单

javascript - 是否有一种快捷方法可以防止两个独立的 javascript/jquery 片段相互冲突或影响?

php - 在 colorbox 中加载页面

jquery - 如何使用 jQuery 定位未点击的同一类项目?

javascript - anchor 导航和历史记录更改

javascript - 填写现有字段后如何在表单中添加一组输入字段

javascript - Jquery 单击返回一个值并在另一个函数中使用它

javascript - 从 chrome 扩展内容脚本执行网页 js