javascript - 使用 jQuery Data 属性设置多个表单值

Question

1. 假设我有一个 ID 为#form 的表单，它有两个输入字段，即标题和价格。
2. 我在应用程序中某处单击编辑按钮，该按钮具有数据属性(例如 data-title="Apple"data-price="10")，这些属性将在单击该按钮时分配给#form。<
3. 明显可行的解决方案是$("#name").val($(this).data('name'));
$("#price").val($(this).data('价格'));
4. 当字段太多时，这显然看起来很糟糕。所以我试图让这样的东西工作 $('#form').data($(this).data());, more或更少的一个赞
5. 尝试了很多方法都没有成功

感谢任何帮助

Answer 1

您可以创建一个 jquery 插件，您可以从包含数据点的元素中调用该插件，并让它根据键将数据应用于同名表单中的元素。下面的例子

$.fn.applyData = function(form) {
    $form = $(form);
    $.each($(this).data(), function(i, key) {
        $form.find('#' + i).val(key);
    });
};

JSFiddle:http://jsfiddle.net/LCM8S/43/