Для каждого элемента с определенным атрибутом - Javascript

Question

Я пытаюсь найти все элементы с определенным атрибутом. Для каждого элемента я хочу сделать что-то зависимое от значения атрибута.

Я сделал тест, чтобы вернуть значение атрибута, но он не работает, и я не вижу проблемы.

HTML:

<div id="t">Test</div> 
<div data-test="One">Value One</div> 
<div data-test="Two">Value Two</div> 

JS:

$("[data-test]").each(function(){ 
    $("#t").append(this.attr("data-test")); 
}); 

JsFiddle ссылка: http://jsfiddle.net/fbue5dpc/

Спасибо!

Answer 1

this в вашем each блоке относится к элементу DOM, который не имеет attr способ. Вы должны использовать $(this), чтобы преобразовать его в объект jQuery. Кроме того, можно улучшить это далее с помощью метода data для извлечения значений и кэширования #t элемент, чтобы уменьшить количество DOM извлечений делается:

var $t = $('#t') 
$("[data-test]").each(function(){ 
    $t.append($(this).data('test')); 
}); 

Updated fiddle

Answer 2

Try,

$(this).attr("data-test") 

Объяснение: внутри цикла Еогеаспа вы получите Dóm элемента, так как вы итерацию списка йота элемента. Таким образом, вы не можете вызвать метод JQuery непосредственно из йот elemet сделать это, вы должны преобразовать его в объект JQuery сделать это просто использовать $ (это)

Answer 3

var elemnt = $("[data-test]"),frag = ""; 

elemnt.each(function() { 
    frag += $(this).attr("data-test"); 
}); 
$("#t").append(frag); 

Working DEMO

Answer 4

$("div[id!='t']").each(function(){ 
    $("#t").append($(this).data('data-test')); 
}