javascript - JQuery获取具有相同类的数据的选定/单个值

Question

我怎样才能得到 data-id 的每个值。我需要<a>选择时，它只传递一个值。我希望你能明白我的意思。谢谢

<tr>
    <td>Satu</td>
    <td>
        <a class="bedit" data-id="11">edit</a>
    </td>
</tr>
<tr>
    <td>dua</td>
    <td>
        <a class="bedit" data-id="12">edit</a>
    </td>
</tr>
<tr>
    <td>tiga</td>
    <td>
        <a class="bedit" data-id="13">edit</a>
    </td>
</tr>

Answer 1

试试这个

$('a.bedit').on('click', function () {
    alert($(this).data('id'));
});

像这样添加到数组

var dataID = [];
$('a.bedit').each(function () {
    dataID.push($(this).data('id')); //adds into array
});

Answer 2

您可以尝试这个简单的 javascript 代码来获取数据 ID。将此功能放在窗口 onload 或 body - onload 中：-

function load() {
    var elemDom= document.getElementsByClassName('bedit');

    for(var count=0; count < elemDom.length; count++)
    {
        elemDom[count].onclick = function() {
            alert(this.getAttribute('data-id'));
        };
    }
}