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

时间:2013-09-10 09:12:00

标签: javascript jquery ajax

如何获取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>

2 个答案:

答案 0 :(得分:3)

试试这个

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

像这样添加到数组

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

答案 1 :(得分:2)

您可以尝试使用这个简单的JavaScript代码来获取数据ID。 将此函数放在window 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'));
        };
    }
}