Comments on: Using jQuery to change part of the className attribute

By: biswajit

biswajit — Thu, 03 Feb 2011 07:48:25 +0000

You can’t use same id twice in a single page.

By: biswajit

biswajit — Thu, 03 Feb 2011 07:44:04 +0000

Ideas are great …

By: Satya

Satya — Sun, 14 Nov 2010 08:36:14 +0000

looks good , but not working with many div’s with same id’s .

By: ilanlar

ilanlar — Wed, 01 Sep 2010 17:02:46 +0000

thanks, but did not help me

By: Anuj Gakhar

Anuj Gakhar — Tue, 14 Apr 2009 08:03:28 +0000

@Rachel,

I actually did look at hasClass() but because I had to change only a part of the className and not the full className, I had to use string replacement instead. Also, because I was changing more than one div’s, I had to use find() instead of hasClass(). However, I understand that it would make sense to use hasClass() if it was a different scenario than in my example abobe.

By: Rachel Lehman

Rachel Lehman — Sun, 12 Apr 2009 19:24:01 +0000

Have you looked into jQuery’s hasClass(), addClass() and removeClass()? They all do basically what they sound like and might be useful for your situation so you don’t have to parse the classname string.

By: Anuj Gakhar

Anuj Gakhar — Wed, 08 Apr 2009 14:56:27 +0000

@Dan, thanks for the suggestion. I would have done so if it was applicable in the app I am working. The actual piece of code is far more complex than this block of code I posted here (just for this blog post). But I would agree that would make more sense if it was applicable.

By: Dan G. Switzer, II

Dan G. Switzer, II — Wed, 08 Apr 2009 14:48:36 +0000

One more time!

&nsbp;&nsbp;&nsbp;&nsbp;

&nsbp;&nsbp;&nsbp;&nsbp;&nsbp;&nsbp;&nsbp;&nsbp;

&nsbp;&nsbp;&nsbp;&nsbp;

&nsbp;&nsbp;&nsbp;&nsbp;Tab 1

(Sorry about the three posts!)

By: Dan G. Switzer, II

Dan G. Switzer, II — Wed, 08 Apr 2009 14:47:19 +0000

Apparently my code in the last post wasn’t escaped, so here it is in HTML format:

nsbp; nsbp; nsbp; nsbp;

nsbp; nsbp; nsbp; nsbp; nsbp; nsbp; nsbp; nsbp;

nsbp; nsbp; nsbp; nsbp;

nsbp; nsbp; nsbp; nsbp;Tab 1

By: Dan G. Switzer, II

Dan G. Switzer, II — Wed, 08 Apr 2009 14:45:51 +0000

@Anuj: This might not be possible with your current framework, but if possible I'd rework the CSS a bit and do something like: Tab 1 And then instead of defining classes for ".grey-top-left" and ".grey-bottom-left", you would do ".grey-box .boxes-top-left" and ".grey-box .boxes-bottom-left" and so forth. The benefit to this is then you only need to change the one CSS class to affect all of your elements.