jquery 'remove class' - trying to remove all elements with a particular class

Question

Hello,

So I have 2 divs, each with n-elements. There are n-pairs of elements across the 2 divs. Each pair uses the same 'class'.

Is it possible to remove a particular pair at a time? I currently am using the following code:

    function leaveGroup(id)
 {

        var e = document.getElementById(id);
  var f = $(e).parentNode;

  // Remove everything with the same class name of the parent
  $('body').removeClass($(f).className);

 }

The function isn't working, am I using class names incorrectly? Thanks!

Answer 1

You're misunderstanding jQuery.

The removeClass function removes a class from an existing element.

You want to write the following:

var className = $('#' + id).parent().attr('class');
$('.' + className).remove();

Note that this won't work if the parent node has multiple classes.

Answer 2

$('.el').remove() 
// would remove all elements with the 'el' className

I believe this is what you want. removeClass removes a class. remove removes the element.