Question

我想获取每个输入字段的属性值。

<input type="text" id="qty" data-id="{{$item->rowid}}" value="{{$item->qty}}">

function goUpdateCart(){

    $('input[type=text]').each(function(){

        alert($('input[type=text]').getAttribute("data-id"));
    })
}

我的功能无法正常工作

Answer 1

好吧，.getAttribute("data-id");不是jquery方法。您可以使用以下任何一项来获取data-* attr：

$(this).data('id');
$(this).attr('data-id');
$(this).prop('dataset').id;
this.dataset.id;

所以它可能是以上任何一个：

function goUpdateCart(){

    $('input[type=text]').each(function(){

        alert(this.dataset.id);
    })
}

Answer 2

试试这个：

$('input[type=text]').each(function(){
     alert($(this).attr("data-id"));
});

Answer 3

您需要在每个函数中使用每个迭代元素上下文this来定位当前元素以及.attr('data-id')或.data('id')：

$('input[type=text]').each(function(){
    alert($(this).data("id"));
});

Answer 4

<input type="text" id="qty" data-id="{{$item->rowid}}" value="{{$item->qty}}">
function goUpdateCart()
{

   var attribute=$('#qty').attr('data-id');
   alert(attribute);
}

从输入文本中获取属性值

4 个答案: