Jquery removing class from all child element RSS

• • Reply
  

  k80sg

  Member

  310 Points

  340 Posts

  Jquery removing class from all child element

  Jan 26, 2013 10:43 AM|LINK

  I tried this to remove all class 'apple' that is inside class 'Fruit' but no success. Please advise:

  Tried the following:

  $('.Fruit:input').removeClass('apple');
  
  $('.Fruit input[type="text"]').removeClass('apple');
  
  $('.Fruit:input[type="text"]').removeClass('apple');
  
  <div class="Fruit">
  
        <div class="apple"></div>
  
        <div class="apple"></div>
  
  <div>

  
  

  • Edited by k80sg on Jan 26, 2013 10:44 AM
• • Reply
  

  Rion William...

  All-Star

  27716 Points

  4574 Posts

  Re: Jquery removing class from all child element

  Jan 26, 2013 02:42 PM|LINK

  Try using the following :

  $('.Fruit .apple').removeClass('apple');

  This will select all elements with the class apple (denoted by .apple) within any parent elements with the class Fruit (denoted by .Fruit)

  Here's an example of it.

  Blog | Twitter | Stack Overflow | LinkedIn
  • Edited by Rion Williams on Jan 26, 2013 02:48 PM
  • Edited by Rion Williams on Jan 26, 2013 02:49 PM
  • Edited by Rion Williams on Jan 26, 2013 05:52 PM
  • Marked as answer by Yanping Wang - MSFT on Feb 01, 2013 07:48 AM
• • Reply
  

  Chintalas

  Member

  40 Points

  16 Posts

  Re: Jquery removing class from all child element

  Jan 26, 2013 05:32 PM|LINK

  Since you have mentioned both of them has classes u need to keep . as prefix so use ".apple" to get it done