私は2日間、この特定の問題に頭を悩ませようとしています。近くにいるような気がしますが、割れるわけではありません。data- *属性を持つdivがあります:
<div class="pull-right" id="actions" data-ph-title="I am a title" data-ph-type="and a type" data-ph-source="from a source" data-ph-subject="with a subject">
たとえば、「data-ph-title」の値を警告しようとすると、「ph」と「title」の間のダッシュが削除されるため、次のことができます。
var info = $("#actions").data();
alert(info.phTitle);
これはすばらしいことであり、機能します(アラート:「私はタイトルです」)が、私が本当に望んでいるのは、特定のフォームフィールドにこのすべてのデータを入力することです。フォームフィールドにinfoオブジェクトのプロパティと同じ名前を付けました。次に例を示します。
<textarea id="placeholder-title" name="phName"></textarea>
情報オブジェクトのすべてのプロパティ値を対応するテキスト入力(またはtextareas)に配置するループを考え出そうとしています。これは私が立ち往生しているところです。私は現在次のコードを持っています:
var info = $("#actions").data();
$.each(info, function(field, val){
$("[name='" + field + "']").val(val);
});
どんな助けでも大歓迎です!