Jquery选中的选择器

时间:2012-08-08 16:38:51

标签: jquery selector checked

我正在使用此jquery代码删除表行,如屏幕截图所示。

$(":checked").each(function() {
    $(this).parent().parent().remove()
});

enter image description here

当我选中th标签中的复选框并单击删除时,也会删除第一个tr行。我用这段代码选中所有复选框$(“:checked”)如何在第一个复选框后选择?

3 个答案:

答案 0 :(得分:3)

这样的事情应该有效:

jsFiddle Example

$(":checked").not(':eq(0)').each(function() {
    $(this).parent().parent().remove()
});

答案 1 :(得分:1)

试试这个:

$(":checked").filter(":not(:eq(0))").each(function() {
    $(this).parent().parent().remove()
});

或者,如果您的表格标题位于thead标记内且您的正文位于tbody标记中,则可以使用以下内容:

$("tbody tr :checked").each(function() {
    $(this).parent().parent().remove()
});

答案 2 :(得分:0)

在第一个复选框上添加一个类,通过该复选框,在单击事件上选中/取消选中所有复选框。

通过这种方式,所有其他复选框将与第一个区别开来。

并使用以下脚本。

$(function() {
    $('#test').click(function() {
        $(":checked").not('.maincheckbox').each(function() {
           $(this).parent().parent().remove()
        });
    });
});

以下是演示:jsfiddle