私のコード: http://codepen.io/vincentccw/pen/ecJDG
基本的に私が取得したいのは、attr 呼び出しdata-designerからのすべてのデータ属性値です
それらは4つあると思われますが、次を使用して最初のものしか取得できません。
var dsad = $('ul').attr("data-designer");
これを修正するにはどうすればよいですか?
私のコード: http://codepen.io/vincentccw/pen/ecJDG
基本的に私が取得したいのは、attr 呼び出しdata-designerからのすべてのデータ属性値です
それらは4つあると思われますが、次を使用して最初のものしか取得できません。
var dsad = $('ul').attr("data-designer");
これを修正するにはどうすればよいですか?
map()を使用して、属性値を配列に投影できます。
var designers = $("ul").map(function() {
return $(this).attr("data-designer");
}).get();
を使用each()
して、各要素を個別に操作できます。
$('ul').each(function(){
console.log($(this).data('designer'));
});
またはmap()
、個別に処理できるすべての値の配列を作成するために使用できます。
var designers = $('ul').map(function() {
return $(this).data('designed');
});
console.log(designers);
DOM要素の属性に直接アクセスするよりも高速であるため、以前は属性data
を取得していたことに注意してください。data-*
$('ul').each(function(){
console.log($(this).attr('data-designer'))
//you can add to an array also
});
$('ul').attr("data-designer")
最初の ul 要素の属性を取得しました。"data-designer"
属性を持つすべてのulを取得するには、これを試してください:
$('ul[data-designer]').each(function(){
console.log($(this).attr("data-designer"));
});