javascript - すべて削除する、IDがいくつかのパターンに一致している場合

Question

すべての div は div の内部にあり#main ます。私は多くの div のツリーのような構造を持っています。しかし、div は他の div の子ではなく、1 つの行だけで接続されています。すべての div は実行時に生成され、任意の div の ID を生成するために、私は最初の子ノードの ID = 親ノードの ID + "1" および 2 番目の子ノードの 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

starts with 属性セレクター [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();