Bootstrap jQuery动态表编辑/删除/查看按钮不起作用

Question

我对此表示感谢。 我有这个DataTable，最后一列是一个按钮，它跨越各种选项，例如Edit / Delete / View。 单击后，它应删除整行。 但是，我无法获得当前单击的元素。 这是我的代码

 $('.dropdown-menu a').click(function(e){ console.log($(this).data('value')); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <td> <span class="dropdown"> <button id="btnSearchDrop_{{ index }}" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" class="btn btn-primary dropdown-toggle dropdown-menu-right"><i class="ft-settings"></i></button> <span id='selected' aria-labelledby=btnSearchDrop_{{ index }}" class="dropdown-menu mt-1 dropdown-menu-right"> <a href="#" data-value="edit_{{ row.DealKey }}" class="dropdown-item"><i class="ft-edit-2"></i> Edit</a> <a href="#" data-value="delete_{{ row.DealKey }}" class="dropdown-item"><i class="ft-trash-2"></i> Delete</a> <a href="#" data-value="view_{{ row.DealKey }}" class="dropdown-item"><i class="ft-plus-circle primary"></i> View</a> </span> </span> </td> 

这应该记录标记的ID，但不记录。

Answer 1

我不确定您使用的是哪个版本的jquery，但是.data()函数在1.4.3及更高版本中是否可用。 我在这里使用jquery-3.3.1测试了您的代码，效果很好。 获得所需内容的另一种方法是使用.attr()函数而不是.data()例如：

alert($(this).attr('data-value'));