asked on 9/11/2013

jquery to change class of element

Hi-

Can someone help me: I need the jquery statement to change the class of the button below from ff_elem to bfNextButton and the jquery code to instead add bfNextButton to the class (instead of replace the class value)

<button class="ff_elem" value="Next PAGE" onclick="if(typeof bf_htmltextareainit != 'undefined'){ bf_htmltextareainit() }populateSummarizers();if(document.getElementById('bfPaymentMethod')){document.getElementById('bfPaymentMethod').value='';};ff_validate_nextpage(this,'click');return false;" type="submit" name="ff_nm_nextpage1[]" id="ff_elem961"><span>Next PAGE</span></button>

Open in new window

Thanks-
Sam

JavaScript jQuery

Last Comment

SAbboushi

9/11/2013

SOLUTION

Scott Fell

9/11/2013

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

ASKER CERTIFIED SOLUTION

leakim971

9/11/2013

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

SAbboushi

9/11/2013

ASKER

thanks Padas--

I think that will add the class to all ff_elem buttons; can you please modify that to be specific to the button with class ff_elem and has a name that begins with "ff_nm_next" so this will work for name="ff_nm_nextpage1" and name="ff_nm_nextpage2 etc..

Also, how would I replace the class instead of adding it? (i.e 2 different scenarios)

Thanks again

SAbboushi

9/11/2013

ASKER

leakim971 - thanks! great documentation too.

Unfortunately I can't use ID this time... can you please modify that to be specific to the button with class ff_elem and has a name that begins with "ff_nm_next" so this will work for name="ff_nm_nextpage1" and name="ff_nm_nextpage2 etc..

SAbboushi

9/11/2013

ASKER

I tried

JQuery( "input[name^='ff_nm_next']" ).addClass("bfNextButton");

Open in new window

but that didn't seem to work...

SAbboushi

9/11/2013

ASKER

Got it:

JQuery( "button[name^='ff_nm_next']" ).addClass("bfNextButton");

Open in new window