親要素に対して特定のクラスを持つすべての要素のインデックスを取得する

Question

HTML要素のすべての出現のインデックスを別の要素内に取得するための1つのライナーはありますか？私たちは、そのインデックスにmap各エレメントでき

<div id="Table"> //table 
    <div> //table row 
     <div class="string-cell"></div> 
     <div class="date-cell"></div> 
     <div class="bool-cell"></div> 
     <div class="date-cell"></div> 
    </div> 
</div> 

<script type="text/javascript"> 
    var tableid = "#Table"; 

    //Select all date cells and get their indices 
    var datecellindices = $(tableid).????? //Should be 1 & 3 
</script> 

Answer 1

、配列に設定しjqueryの結果を変換するgetを使用して、私は文字列にそれらを一緒にjoin：このように。

$(tableid).children('.date-cell').map(function(){ return $(this).index() }).get().join() 

Answer 2

あなたはそのためjQuery.mapを使用することができます。

ar = $('#Table div div').map(function(i, el) { if ($(this).hasClass('date-cell')) { return i; } return null;}) 
 

 
ar.each(
 
    function(i, val) { 
 
    console.log(val) 
 
    } 
 
)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="Table"> //table 
 
    <div> //table row 
 
     <div class="string-cell"></div> 
 
     <div class="date-cell"></div> 
 
     <div class="bool-cell"></div> 
 
     <div class="date-cell"></div> 
 
    </div> 
 
</div>