从输入文本获取属性值

Question

I want to get attribute value of each input field.

<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"));
    })
}

My function can't work correctly

Answer 1

Well, .getAttribute("data-id"); isn't jquery method. You can use any of the following to get the data-* attr :

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

So it could be any of the above one:

function goUpdateCart(){

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

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

Answer 2

Try this:

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

Answer 3

You need to use each iteration element context this in each function to target current element along with .attr('data-id') or .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);
}