How to remove all css classes of all items of a <div> with jQuery?

Question

I have a div of nested ul/li items. each ul/li has a css class. Is there a clean way to remove all css class for all items inside this <div>?

edit: pls see here for code: http://jsfiddle.net/xjAkF/

Answer 1

$('#myDiv ul, #myDiv li').removeClass();

Answer 2

Just use .removeClass() if this is passed with no parameters it will remove all classes.

You were missing the # in the selector.

See revised code, here

@AlienWebguy, Has a better solution that way it only removes from the ul & li within the given id.

Answer 3

To strip out classes from ALL children of an element, use find("*")

$('#divHtml').find("*").removeClass();