javascript - 如何通过点击的类获取元素的索引

Question

我有这个代码:

<button class="remove" value="1" />
<button class="remove" value="2" />
<button class="remove" value="3" />

$(document).on('click', ".remove", function(e) {
    alert($(this).index());
});

始终提醒0 。如果用户单击 button其值为 2 ，它必须提醒1但在我的代码中它会发出警报 0 .

Answer 1

取决于您最终想要实现的目标并假设:

<button class="remove" value="34" data-myval="a"/>
<button class="remove" value="33" data-myval="b"/>
<button class="remove" value="32" data-myval="c"/>

如果你想获取'value'的值:

$(document).on('click', ".remove", function(e) {
    alert($(this).val());
});

如果你想获取点击内容的索引:

$(document).on('click', ".remove", function(e) {
    alert($(this).index());
});

如果您想获取自定义值:

$(document).on('click', ".remove", function(e) {
    alert($(this).data('myval'));
});