jquery - この単純なjsonをjqueryで機能させる方法

Question

プレースホルダーを動的に追加する必要がある 4 つの入力を持つ単純なフォームがあります。

json の一般的な考え方は理解していると思いますが、これを機能させる方法がわかりません。誰か助けてくれませんか？

var inputArray = [
    {"inputClass":"name","placeholder":"Your Name*"},
    {"inputClass":"phone","placeholder":"Your Phone*"},
    {"inputClass":"email","placeholder":"Your Email*"},
    {"inputClass":"message","placeholder":"Your Message*"}
];
$.each(inputArray, function(i, inputClass, placeholder) {
    $('form').find('input.'+inputArray[i].inputClass).attr("placeholder", inputArray[i].placeholder);
});​

Answer 1

.each(...)コールバックの署名が少し間違っていることを除けば、コードに問題はありません。である必要がありますfunction(index,element) { ... }。しかし、あなたのコードはとにかく動作します。コードを書くためのよりクリーンな方法は次のとおりです。

var inputArray = [
    {"inputClass":"name","placeholder":"Your Name*"},
    {"inputClass":"phone","placeholder":"Your Phone*"},
    {"inputClass":"email","placeholder":"Your Email*"},
    {"inputClass":"message","placeholder":"Your Message*"}
];

$.each(inputArray, function(i, item) {
    $('form').find('input.'+item.inputClass).attr("placeholder", item.placeholder);
});​

作業フィドル: http://jsfiddle.net/RQAJA/