jQuery value attr is not a function

Question

I have this snipped in my page       category sorting form save   click function        var elements       category sorting elements  gt  div          each elements  function key  value            console info key       value           console info  cat id    value attr  cat id                   And when it is executed  I get   0    lt div class  dragable  cat id  6  value    style  opacity  1   gt      value attr is not a function     console info  cat id    value attr  cat id       What am I doing wrong here  I am trying to get the value of the div cat id element

User · Answer

The second parameter of the callback function passed to each() will contain the actual DOM element and not a jQuery wrapper object. You can call the getAttribute() method of the element:

$('#category_sorting_form_save').click(function() {
    var elements = $("#category_sorting_elements > div");
    $.each(elements, function(key, value) {
        console.info(key, ": ", value);
        console.info("cat_id: ", value.getAttribute('cat_id'));
    });
});

Or wrap the element in a jQuery object yourself:

$('#category_sorting_form_save').click(function() {
    var elements = $("#category_sorting_elements > div");
    $.each(elements, function(key, value) {
        console.info(key, ": ", value);
        console.info("cat_id: ", $(value).attr('cat_id'));
    });
});

Or simply use $(this):

$('#category_sorting_form_save').click(function() {
    var elements = $("#category_sorting_elements > div");
    $.each(elements, function() {
        console.info("cat_id: ", $(this).attr('cat_id'));
    });
});

User · Answer

You are dealing with the raw DOM element    need to wrap it in a jquery object  console info  cat id      value  attr  cat id

User · Answer

You can also use jQuery   class-name   attr  href    in my case it works better   Here more information   quot jQuery      quot  instead of  quot        quot

User · Answer

Contents of that jQuery object are plain DOM elements  which doesn t respond to jQuery methods  e g   attr   You need to wrap the value by     to turn it into a jQuery object to use it       console info  cat id       value  attr  cat id       or just use the DOM method directly      console info  cat id     value getAttribute  cat id

[javascript] jQuery: value.attr is not a function

Examples related to javascript

Examples related to jquery