Javascript 删除父元素和下一个元素

我有一个类似这样的结构：

  <div class="list_wrapper">  
    <div class="row mainrow">
    Main Row 
    <a href="javascript:void(0);" class="list_remove_button">Remove</a>
    </div> 
    <div class="row subrow"> 
    Sub Row 
    </div> 
    <div class="row subrow"> 
    Sub Row 
    </div> 
    <div class="row mainrow">
    Main Row 
    <a href="javascript:void(0);" class="list_remove_button">Remove</a>
    </div> 
    <div class="row subrow"> 
    Sub Row 
    </div>
    </div>

• 一旦您获得最接近的

  .mainrow

  ，使用
• 用于获取下一个兄弟姐妹
• 并使用将首字母

  $main

  添加回堆栈-在

  之前。删除（）

  将它们全部删除

$（'.list_wrapper'）。在（'click'，'list_remove_button'，函数（）上{
const$main=$（this）.closest（'.mainrow'）；
$main.nextUntil（'.mainrow'）.addBack（）.remove（）；
});

主行1
子行1
子行1
主行2
第2小行
此
将是一个没有“子元素”的
a
元素。@Andreas：当前元素已被删除，但我还想删除删除删除元素后的子代码。您的问题标题有误导性。它不是一个“孩子”，而是父母的下一个兄弟姐妹——直到
 $('.list_wrapper').on('click', '.list_remove_button', function()
    {
       $(this).closest('div.row').remove();
       $(this).children('.subrow').remove();
    });