jQuery - Looping durch Elemente mit bestimmtem Attribute

Question

Ich weiß, wie unten durch die Eingänge Schleife, für diejenigen, die mit einer bestimmten Klasse von „Testern“ gesucht

Und hier ist, wie ich das tun:

<input type='text' name='firstname' class="testing" value='John'> 
<input type='text' name='lastname' class="testing" value='Smith'> 

<script type="text/javascript"> 
$(document).ready(function(){ 

$.each($('.testing'), function() { 
    console.log($(this).val()); 
}); 

}); 
</script> 

Er gibt "John", "Smith" wie erwartet aus.

Ich möchte nicht die class="testing" verwenden und ein benutzerdefiniertes Attribut verwenden: testdata="John".

So ist es das, was ich würde tun:

<input type='text' name='firstname' testdata='John'> 
<input type='text' name='lastname' testdata='Smith'> 

Mein Ziel ist es, Auto-bevölkern die Werte von jedem Eingang mit dem, was im Inneren ist testdata, sondern nur diejenigen, die testdata Attribut haben erkannt.

Das war mein gescheiterter Versuch an die $.each Schleife:

$.each($('input').attr('testdata'), function() { 
    var testdata = $(this).attr('testdata'); 
    $(this).val(testdata);  
}); 

ich diese Antwort: Uncaught TypeError: Cannot read property 'length' of undefined Kann jemand sehen, was ich falsch mache?

Answer 1

Hier wird es mit dem HTML5 data-* Attribut:

HTML:

<input type='text' name='firstname' data-test='John'> 
<input type='text' name='lastname' data-test='Smith'> 

JS:

$("input[data-test]").each(function(){ 
    var testdata = $(this).data('test'); 
    $(this).val(testdata); 
}); 

Hier ist sie wor König: http://jsfiddle.net/SFVYw/

Eine noch kürzere Art und Weise tun würde mit diesem JS:

$("input[data-test]").val(function(){ 
    return $(this).data('test'); 
}); 

Intern ist es das gleiche wie der andere JS-Code zu tun, aber es ist nur ein wenig mehr prägnant.

Answer 2

$("input[testdata]").each(function(){ 
    alert($(this).attr('testdata')); 
// do your stuff 
}); 

working demo

Answer 3

wenn Sie Eingaben mit bestimmten Attributnamen auszuwählen, und Sie haben diese HTML-Eingänge:

<input type='text' name='user1' fieldname="user" class="testing" value='John1'> 
<input type='text' name='user2' fieldname="user" class="testing" value='Smith1'> 
<input type='text' name='admin1' fieldname="admin" class="testing" value='John2'> 
<input type='text' name='admin2' fieldname="admin" class="testing" value='Smith2'> 

kann man nur so an admins Schleife:

$("input[fieldname='admin']").each(function(){ 
    alert($(this).val()); 
}); 

von der gleichen Art und Weise, Sie kann nur für Benutzer-Schleife:

$("input[fieldname='user']").each(function(){ 
    alert($(this).val()); 
}); 

Answer 4

für alle Elemente mit testdata iterieren an Tribut und die Zuordnung von Formularfeldern mit dem, was ihr Attribut hält

$("[testdata]").each(function(){ 
    $(this).val($(this).attr('testdata')) 
}) 

versuchen [arbeitet mit allen Elementen i erraten]