Assigning attribute names via variables (jQuery)

Question

I'm just wondering, is it possible at all to assign an attribute name via .attr() using a pre-determined variable? The example below will show what i mean..

HTML

<select id="dobPicker" data-test="1" data-another-test="2">
    <option></option>
</select>

<div class="select">
    <ul>
        <li>
    </ul>
</div>

jQuery

$(document).ready(function() {
    var attrs = $("select")[0].attributes;

    for (var i = 0; i < attrs.length; i++) {
        var attrName = attrs[i].nodeName,
            attrVal = attrs[i].nodeValue;

        if (attrVal.length == 0) {
            attrVal = "NULL";
        }

        $(".select").attr({
            attrName: attrVal
        });
    }
});

Please bear in mind, this is a very short example. I have much more complex methods to creating the custom select, by pre-wrapping the original select within a <div class='select'> tag, but anyway that isn't relevant. As you can see the attribute names and variables are returned, the issue is, (obviously they would) attrName shows as attrName and not the variable equivalent, whereas attrVal works. Is there any possible way to output a variable for the attribute name?

bipen · Accepted Answer · 2013-10-24 10:51:16Z

3

don't use object use simply name value pair .attr('somename','somevalue');

 $(".select").attr(attrName, attrVal);

fiddle here

answered Oct 24, 2013 at 10:51

bipen

36.6k9 gold badges51 silver badges62 bronze badges

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

Collectives™ on Stack Overflow

Assigning attribute names via variables (jQuery)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related