我有这个代码:
<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
.
最佳答案
取决于您最终想要实现的目标并假设:
<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'));
});
关于javascript - 如何通过点击的类获取元素的索引,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37773253/