JSFiddle - React, Tailwind, and code Playground

by Trisox

HTML

<div class="wish_select wish normalvisible" wishindex="2 van 14">1</div>
<div class="wish_select wish normalvisible" wishindex="2 van 14">2</div>
<div class="wish_select wish normalvisible" wishindex="2 van 14">3</div>
<div class="wish_select wish normalvisible" wishindex="2 van 14">4</div>
<div class="wish_select wish normalvisible" wishindex="2 van 14">5</div>
<div class="wish_select wish normalvisible" wishindex="2 van 14">6</div>
<div class="wish_select wish nonevisible" wishindex="2 van 14">7</div>
<div class="wish_select wish normalvisible" wishindex="2 van 14">8</div>
<div class="wish_select wish normalvisible" wishindex="2 van 14">9</div>
<div class="wish_select wish normalvisible" wishindex="2 van 14">10</div>

CSS

div{border:1px solid #ccc; height:30px; width:250px; text-align:center;}
.nonevisible{display:none;}

JavaScript

alert($('.wish_select').filter(":visible").length);

var nrVisibleWishes = $('.wish_select').filter(":visible").length;
$('.wish_select').filter(":visible").each(function (i) {
    i = i+1;
    $(this).attr('wishindex', + i +' van '+ nrVisibleWishes);
});