如何在jQuery中删除子项?

时间:2012-07-29 21:56:30

标签: jquery

在以下示例中

http://jsfiddle.net/pDsGF/

我想从类'parent'中删除class'child'。我试过了

.remove($('parent').children('child'))

但它不起作用

5 个答案:

答案 0 :(得分:16)

你需要一个时间来按类获取元素。对于两个,该语法不正确。

$('.parent .child').remove();

Here's a demo.

答案 1 :(得分:5)

您是否要删除父母(具有“父”类)的孩子(带有“孩子”类)?

$('.parent').children('.child').remove();

或简化:

$('.parent .child')​.remove()​;

答案 2 :(得分:2)

这样就可以了。

$('.parent .child').remove();

(minitech打败了我:))

答案 3 :(得分:2)

尝试$('.parent').find('.child').remove();​ http://jsfiddle.net/pDsGF/1/

编辑:如果我误解了您想要删除课程,请尝试$('.parent').find('.child').removeClass('child')

答案 4 :(得分:0)

很多方面: 如果你没有孩子的标识符,那么你可以删除孩子在父母身上的位置:

this

直接删除[如果您有标识符]

var p ='.parrent';//identify the parrent
   $('p').children('1').remove();//remove the child placed in ('1');

如果你不知道父母是什么。

$('.parent .child').remove();//it removes child from the parent.

如果你有太多同一个班级的孩子,但父母的所有人都不同。您也可以通过放置子类

来删除Child
var selector = '.child';//you must identify ONE child to find its parent

var sP = $(selector).parent();//selecting the parent for this Child

//now removing the Child [identifier = position of child]

$(select).parent().children("5").remove();

此脚本仅删除所选parrent中的选定子项。如果有许多孩子具有相同的标识符,那么他们都将被删除所以[???] 在这种情况下,您可以创建custom attr来选择元素[仅适用于HTML5]。 示例

//[._iNote] is the selector for the removing Element Here.
$(select).parent().children("._iNote").remove();

在这种情况下,要删除此元素,

<p data-me="someThing-i-like"> [its a custom attr (data-me="someThing-i-like")] </p>

如果您对此帖子有任何疑问,请告诉我[评论]