Search code examples
jqueryremoveclass

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

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!

Solution

  • 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.