javascript - 获取表id

Question

我正在使用 jQuery，我的目标是获取下一个表的 id。我将在这里简化代码:

简化的 HTML 如下所示:

<div>
   <img src="png.png" class="exportIcon" alt='' onClick="tableExport()">
   <table class="table tablesorter" id="tableHourlyT"><tr><td></td></tr></table>
</div>

然后我有以下功能:

<script>
    function tableExport(){
        tableID = $(this).next('table').attr("id");
        alert(tableID);
    }
</script>

但是警报说“未定义”，事实上我什至无法对表格做任何事情，我尝试隐藏它等等。它只是找不到它。我还尝试用 closest() 替换 next() 但仍然得到相同的结果。我需要做的是始终在调用函数时，从该元素(单击的图像/按钮)获取最接近的下表的 id。

Answer 1

这是一种实现您想要的功能的方法 - 将元素作为参数传递给 tableExport 函数:

<div>
   <img src="png.png" class="exportIcon" alt='' onClick="tableExport(this)">
   <table class="table tablesorter" id="tableHourlyT"><tr><td></td></tr></table>
</div>

然后，在 jQuery 选择器中使用它:

<script>
    function tableExport(element){
        tableID = $(element).next('table').attr("id");
        alert(tableID);
    }
</script>