Question

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.