jQuery: Test to see if name attribute is equal to a given string

Question

Given a list of HTML inputs, textareas, and selects, I would like to check and see if any have a name attribute equal to a given string, and if any do, to add a class to it.

For example:

if($('textarea, input, select').attr("name") == "this_name"){
    $(this).addClass("myClass");
}

I'm just not sure what I', doing wrong here, but it doesn't seem to be working.

Answer 1

try:

$("textarea[name='this_name'], input[name='this_name'], select[name='this_name']").addClass("myClass");

Look to use CSS3 selectors within jQuery

Answer 2

What you are looking for is:

$('textarea, input, select').filter('[name="this_name"]').addClass("myClass");

because your .attr() will look for the nameattribute of the first matched element (see the documentation on attr)

Answer 3

Something like:

$("textarea[name='this_name']").addClass("myClass");

See: http://api.jquery.com/attribute-equals-selector/