javascript - 移除所有，当 id 匹配某个模式时

Question

所有 div 都在 div 内部#main 我有很多 div 的树状结构。但是 div 不是其他 div 的子级，它只与一行连接，所有 div 都在运行时生成并生成任何 div 的 ID，我是遵循第一个子节点的id=父节点的id+“1”和第二个子节点的id=父节点的id+“2”这样的模式

id of root div is node
id of first child node is node1
id of second child node is node2
id of first child of node1 is node11
id of second child of node1 is node12
id of first child of node11 is node111
id of second child of node11 is node112
...
...
...

要求：如果我单击任何 div，则应删除叶子之前的所有子节点。

Answer 1

您可以使用带有属性选择器 [name^="value"]id的开头来获取具有以父级开头的 id 的子元素。

$('#main div').click(function(){
    $('[id^='+this.id + ']').remove();
});

Answer 2

如果要清除所有子 div，可以执行以下操作：

$("#node div").click(function() {
    $(this).children().remove();
});

Answer 3

尝试这个

$(this).children('[id^='+this.id + ']').remove();