getAttribute function not working

Question

I am trying to compare a custom attribute of a given element to that custom attribute of all other elements with a specific class... here is what I have

function choose(el){
    var text = $(el).getAttribute("data-custom");
    var list = document.getElementsByClassName("class");
    for (var i = 0; i < list.length ; i++) {
        if (list[i].getAttribute("data-custom") == text) {
            /*DO STUFF*/
        }
    }
}

html

<div onclick="choose(this)">STUFF</div>

Currently I get a "$(...).getAttribute is not a function" error.

the function is attr()

depperm
– depperm

2015-06-30 17:14:23 +00:00
Commented Jun 30, 2015 at 17:14 — depperm
– depperm, Commented Jun 30, 2015 at 17:14

Ruan Mendes · Accepted Answer · 2015-07-01 12:53:57Z

1

The jQuery version is $().attr('data-custom'). Note that to access data-* attributes, you can use $().data('custom').

Or you could ditch jQuery (you didn't use it in the very next line) and use

el.getAttribute('data-custom');
// If el is not a DOM element
$(el)[0].getAttribute('data-custom');

Even better, if you don't have to support IE < 11, you can use dataset

el.dataset.custom

edited Jul 1, 2015 at 12:53

answered Jun 30, 2015 at 17:14

Ruan Mendes

92.7k31 gold badges162 silver badges225 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nikhil Aggarwal · Accepted Answer · 2015-06-30 17:15:05Z

0

You are mixing javascript and jquery.

$(...).attr('your_attr')

answered Jun 30, 2015 at 17:15

Nikhil Aggarwal

28.5k4 gold badges46 silver badges61 bronze badges

Collectives™ on Stack Overflow

getAttribute function not working

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related