You Don't Need JQuery

Re:You Don't Need JQuery by jackmaney on Tuesday December 16, 2014 @07:55PM (#8760503)

Perhaps I'm being a bit dense (I've done prettymuch no front-end JavaScript), but since className gives a single string with class names separated by spaces[1], won't

    document.getElementById('foo').className = 
      document.getElementById('foo').className.replace(/^bold$/, '');

fail if the element in question has more than one class? In that case, you'd need to get the className attribute, split it by spaces, do the replacement in the resulting array, and then join back and assign, I believe.

[1]: https://developer.mozilla.org/en-US/docs/Web/API/Element.cla...

[ Parent | on HN ]

Re:You Don't Need JQuery by sesutton on Tuesday December 16, 2014 @09:17PM (#8760751)

You're right it will only work for one class. This is actually a perfect example of jQuery smoothing out the rough edges for you. I think the split method would work (provided you remember to split with \s instead of just space). It actually took me a while to come up with a regex replace that won't break in some corner cases ( I think)

    document.getElementById('foo').className = document.getElementById('foo').className.replace(/(\s|^)foo(\s|$)/, ' ');

\b is out because it matches - and would kill stuff like foo-bar.

[ Parent | on HN ]

Re:You Don't Need JQuery by cema on Thursday December 18, 2014 @01:55PM (#8768962)

Substitute \bbold\b for ^bold$ -- a potentially introduced extra space in the class name (string) should not matter.

[ Parent | on HN ]