ansaurus

Question

How do I access the list of classnames using javascript/jQuery ?

Answer 1

+3 A:

The property is called className. This is a property of a DOM element, not a jQuery element, so this.className should work.

Felix Kling 2010-09-29 11:46:09

Answer 2

+4 A:

You can use jQuery's .attr() method to get any attribute, including classes.

$(this).find('.myClass').each(function(index) {
    var element = $(this), classList;
    classList = element.attr('class').split(/\s+/);

    categories[index] = {
        key : classList[1],
        value : element.value()
    }
});

Aside:
if categories[index] already contains other info, you could use $.extend()

$.extend(categories[index], {
    key : classList[1],
    value : element.value()
});

Stephen 2010-09-29 11:46:23

Answer 3

+1 A:

Just use the attr method and split:

<html>
<body>
<input class="myClass problem" type=text value=something></input>
<input class="myClass problem" type=text value=somethingelse></input>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script>
   //<!--
    $(document).ready(function(){
        var Classes = $('input').attr('class').split(' ');
        alert(Classes[0] + ' - '+  Classes[1]);
    });
    //-->
</script>
</body>
</html>

Hannes 2010-09-29 11:56:32

Answer 4

A:

in POJ:

var elms = document.getElementsByTagName("INPUT"), 
    i = elms.length,
    arr = [],
    classArray;

while(i--) {
    classArray = elms[i].className.split(/\s+/);
    if (classArray.length > 1) {
        arr.push(classArray[1]);
    }
}
alert(arr.join(','));

AutoSponge 2010-09-29 13:43:22

your second declared variable `i` will throw an error because `elms` is not yet defined.

Stephen 2010-09-29 15:25:53

I think you should try it first. It is declared because "," separates variables--it's a single var statement defining each variable in the list.

AutoSponge 2010-09-29 19:07:47

ansaurus

tags:

views:

answers:

How do I access the list of classnames using javascript/jQuery ?

related questions