触发表格中的点击事件

Question

这是我的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>

但我收到此错误：

无法开始加载

如何解决这个问题呢？ 图标在表格内。

Answer 1

在您的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)获得的console.log(link)是element而不是jquery对象。 如果您希望将其作为jquery对象，则将其包装为console.log($(link))

Answer 2

以这种方式更新您的jQuery-

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