split（）は1つの値でしか機能しません

Question

split()を1つの値でしか動作させる方法はありますか？

あなたは122その後、スプリット何も返さないの単一の文字列に次のコードでデータ-IDSを変更し、それが122

https://jsfiddle.net/mghwscox/

var ids = $('div').data('ids').split(','); 
 

 
$(ids).each(function(key, value) { 
 
\t $('div').append('Value: ' + value + '<br>'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div data-ids="122,154,344"></div>

Answer 1

var ids = $('div').data('ids').toString().split(','); 

$(ids).each(function(key, value) { 
    $('div').append('Value: ' + value + '<br>'); 
}); 

を返す必要がある場合は

私がStrを追加したことに注目してくださいあなたのids宣言でing（）。

Answer 2

jQueryでは、値をプレーンな配列として格納できます。

<div id="source" data-ids="[122,154,344]"></div> 
<script> 
    var list = $("#source").data('ids'); 
    console.log(list.length); //3 
</script> 

作業スニペット：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="source" data-ids="[122,154,344]"></div> 
 
<div id="target"></div> 
 

 
<script> 
 
    var list = $("#source").data('ids'); 
 
    $("#target").html(JSON.stringify(list) + " has " + list.length + " elements"); // 3 
 
</script>

注： jQueryのNumberオブジェクトと「ナンバーに1つの番号を変換するので、あなたのコードは、1つの番号で失敗した理由がありますオブジェクトにはsplitメソッドがありません。

Answer 3

data（）はデータを読み込むときに型変換を試みます。だからあなたには2つの選択肢があります。

文字列を使用するにはdata（）を使用し、toString（）を使用する必要があります。

var ids = $('div').data('ids').toString().split(','); 

その他のオプションは、data（）を使用せず、attr（）を使用して値を読み取ることです。

var ids = $('div').attr("data-ids").split(','); 

Answer 4

ユーザーは、それが数としてスプリット（）メソッドは、数値のために存在しないので取られる唯一の番号を与え、それはエラーを返します。カンマ区切りの値を指定すると、文字列として扱われ、うまく動作します。

var ids = $('div').data('ids'); 
 
console.log(ids,typeof ids); 
 
ids = ids.toString().split(',');; 
 

 
$(ids).each(function(key, value) { 
 
\t $('div').append('Value: ' + value + '<br>'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div data-ids="122"></div>

Answer 5

downvoted誰に分割

var ids = ($('div').data('ids')+'').split(','); 


$(ids).each(function(key, value) { 
    $('div').append('Value: ' + value + '<br>'); 
});