Question

我很感激任何帮助。我有这个DataTable，最后一列是一个按钮，跨越各种选项，如编辑/删除/查看。点击它后，它应该删除整行。但是，我无法获取当前单击的元素。这是我的代码

$('.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测试了你的代码here，它运行良好。获得所需内容的另一种方法是使用.attr()函数而不是.data()，如：

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

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

1 个答案: