Javascriptでforeachを使用して配列を実装する

Question

私はいくつかのli要素を持っています。クラスは：multiselect_selected_profilです。

<li id="li60" class="multiselect_my_profil multiselect_selected_profil" data-id="60"> 
    <span class="multiselect_profil">C1</span> 
</li> 

私は、この特定のクラスがあり、各liためのものをしたいと思い、私はそのdata-idを取得し、配列にそれを置きます。プロセスの最後に、私はすべてのIDを含む配列を持っていたいと思います。ここで

は、私が試したものです：

$(".multiselect_selected_profil").each(function(){ 
    var iObjetId = $(this).attr('data-id'); 
    // ??? 
} 

Answer 1

添付のスニペットをご覧ください。

var dataid = []; //Initialize the array variable 
 

 

 
$(".multiselect_selected_profil").each(function(){ 
 
    var iObjetId = $(this).attr('data-id'); 
 
    dataid.push(iObjetId);  
 
}); 
 

 
alert(dataid);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<li id="li60" class="multiselect_my_profil multiselect_selected_profil" data-id="60"><span class="multiselect_profil">C1</span></li> 
 
<li id="li60" class="multiselect_my_profil multiselect_selected_profil" data-id="61"><span class="multiselect_profil">C2</span></li> 
 
<li id="li60" class="multiselect_my_profil multiselect_selected_profil" data-id="62"><span class="multiselect_profil">C3</span></li> 
 
<li id="li60" class="multiselect_my_profil multiselect_selected_profil" data-id="63"><span class="multiselect_profil">C4</span></li> 
 
<li id="li60" class="multiselect_my_profil multiselect_selected_profil" data-id="64"><span class="multiselect_profil">C5</span></li>

Answer 2

var ids = [] 
$(".multiselect_selected_profil").each(function(){ 
var iObjetId = $(this).attr('data-id'); 
ids.push(iObjetId); 
} 

空の配列を作成し、マッチした要素のセットから配列を作成するためにmap()を使用することができ、IDSに

Answer 3

を押す：

var arr = $(".multiselect_selected_profil").map(function() { 
    return $(this).data('id'); 
}).get() 

Answer 4

var ids = []; 

$(".multiselect_selected_profil").each(function(){ 
    if($(this)..hasClass("specific_class_name")){ 
    ids.push($(this).attr('data-id')); 
    } 
}); 

あなたはすべてのIDを取得する今、それらは、最速の方法は、右のセレクタの説明にdata-idを指定すると、すべてを取得するために、toArray()関数を使用することになる特定のクラスに

Answer 5

が含まれていますjQueryに含まれる要素を配列として返します。

var arr = $(".multiselect_selected_profil[data-id]").toArray();