次の要素に達するまで、クラスを持つすべての要素を削除します。

Question

私は次のHTML構造を持っています（これは変更できません）。

私はそれが親子関係を持っていない、それぞれのdivは、それ自体であるので、私はへ .childrenを使用することはできません <div> Comment 2 &そのすべての「回答」のdiv（、（jQueryの/ JavaScriptで）、削除したい

<!-- Comment 1 --> 
<div class="ac_feed_item comments_v2_list" style="padding-left: 0px;"></div> <!-- Main Div --> 
<div class="ac_feed_item comments_v2_list reply" style="padding-left: 20px;"></div> <!-- Reply Div --> 
<div class="ac_feed_item comments_v2_list reply" style="padding-left: 40px;"></div> <!-- Reply Div --> 
<div class="ac_feed_item comments_v2_list reply" style="padding-left: 60px;"></div> <!-- Reply Div --> 

<!-- Comment 2 --> 
<div class="ac_feed_item comments_v2_list" style="padding-left: 0px;"></div> <!-- Main Div --> 
<div class="ac_feed_item comments_v2_list reply" style="padding-left: 20px;"></div> <!-- Reply Div --> 
<div class="ac_feed_item comments_v2_list reply" style="padding-left: 40px;"></div> <!-- Reply Div --> 

<!-- Comment 3 --> 
<div class="ac_feed_item comments_v2_list" style="padding-left: 0px;"></div> <!-- Main Div --> 
<div class="ac_feed_item comments_v2_list reply" style="padding-left: 20px;"></div> <!-- Reply Div --> 

DOMをトラバースする）。

しかし、<div> Comment 3が残るはずです（<div> Comment 1）。

だから基本的に、私はcomment 2とその.replyのすべて削除したい（子供ではありませんを、彼らは個々のdivです）。

私は、我々は削除したいコメントセクションの末尾にあるかどうかを確認するためにif() & .hasClass()で.next()のようなものを使用して考えていたが、これで問題を抱えていました。

Answer 1

.nextUntil()メソッドでJQueryを使用するとかなり簡単になります。 Documentation here.

この例はこのJSFiddleに含まれています。

コードは、次のいずれかです。

// On click of a div which is not of class .reply 
$('div.ac_feed_item.comments_v2_list:not(.reply)').click(function() { 
    // Remove all divs after this, until a div that does not have `.reply` class 
    $(this).nextUntil('div.ac_feed_item.comments_v2_list:not(.reply)').remove(); 
    // remove the main comment div 
    $(this).remove(); 
});