JSFiddle - React, Tailwind, and code Playground

by TheNix

HTML

<div class="special">first</div>
<div>second</div>

<div class="special">third</div>
<div>fourth</div>
<div>fifth</div>

<article>no error</article>

CSS

article {
   margin: 20px 0 0;   
}

JavaScript

var $e = $('div'),
    el = $e.length,
     s = $e.filter('.special').length,
     i = '';


if (el > 3) {
    
    y = 3-s; // permitted non-special (1)
    i = el - y; //(7-3-2 = 6)
    n = 0;
    b = el - 3;
    
    while (n<b) {
        $e.not('.special').eq(n).detach();
        n++;
    }
        
    $('article').html(i);
}