jQuery中$ .remove（）的问题

Question

To put it simple...

I have element clone . Its div with some other tags saved in it. It also have .x in it.

I need to remove it and then apped that modified element to another element.

Unfortunately, it doesn't work. Remove failed or something, but .x is still in it.

clone = subtitle.clone(); // Works!
no_label = clone.remove('.x'); // This fails.
more_subtitles.append(no_label); // Its appends no_label, but it still contains .x element.

Answer 1

That's because remove() removes the matched elements from the DOM. Even if you pass a selector, it's only used to filter these elements. In your code, clone matches a single element (the cloned subtitle) which doesn't expose the x class.

You can use find() to match the .x element:

more_subtitles.append(subtitle.clone().find(".x").remove().end());

Answer 2

remove() is for deleting elements. In order to remove a class you need to use removeClass(className).

Answer 3

你要从克隆中删除.x元素吗？

 clone.find('.x').remove()

Answer 4

You can do it like this:

clone = subtitle.clone();
no_label = clone.find('.x').detach();
more_subtitles.append(clone);

Note that you can use .detach() instead of .remove() . This will hold onto any metadata attached to the element.

Answer 5

Are you trying to remove a class from clone? If yes, then use removeClass as follows:

clone.removeClass('x');