jquery: uzyskaj wartość niestandardowego atrybutu

Question

html5 obsługuje atrybut zastępczy elementów input[type=text], ale muszę obsługiwać niezgodne przeglądarki. Wiem, że istnieje tysiąc wtyczek dla elementu zastępczego, ale chciałbym stworzyć 1001..

Jestem w stanie uzyskać uchwyt elementu input[placeholder], ale próba uzyskania wartości zastępczego atrybutu powraca niezdefiniowana - $("input[placeholder]").attr("placeholder").

Używam jquery 1.6.2.

Oto jsfiddle. Zmodyfikowałem kod tak, aby działał w przeglądarce, która jest zgodna z html5 tylko do celów testowych.

html

<input type="text" name="email" size="10" placeholder="EMAIL ADDRESS"> 

jquery

function SupportsInputPlaceholder() { 
    var i = document.createElement("input"); 
    return "placeholder" in i; 
} 

$(document).ready(function(){ 
    if(!SupportsInputPlaceholder()) { 
     //set initial value to placeholder attribute 
     $("input[placeholder]").val($("input[placeholder]").attr("placeholder")); 

     //create event handlers for focus and blur 
     $("input[placeholder]").focus(function() { 
      if($(this).val() == $(this).attr("placeholder")) { 
       $(this).val(""); 
      } 
     }).blur(function() { 
      if($(this).val() == "") { 
       $(this).val($(this).attr("placeholder")); 
      } 
     }); 
    } 
}); 

Dzięki za wszelkie pomoc, B

Answer 1

trzeba jakąś formę iteracji tutaj, jak val (z wyjątkiem, gdy wywołana z funkcją) działa tylko na pierwszym elemencie:

$("input[placeholder]").val($("input[placeholder]").attr("placeholder")); 

powinno być:

$("input[placeholder]").each(function() { 
    $(this).val($(this).attr("placeholder")); 
}); 

lub

$("input[placeholder]").val(function() { 
    return $(this).attr("placeholder"); 
}); 

Answer 2

Można też to zrobić przekazując funkcję z onclick zdarzenia

<a onlick="getColor(this);" color="red"> 

<script type="text/javascript"> 

function getColor(el) 
{ 
    color = $(el).attr('color'); 
    alert(color); 
} 

</script>