Буду признателен за любую помощь в этом. У меня есть этот 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>
Это должно регистрировать идентификатор тега, но это не так.