当ids匹配某些模式</div>时，删除所有<div>

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，则应删除所有直到leaf的子节点。

Answer 1

您可以使用starts with attribute selector [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();