使用jQuery Data属性

时间:2015-07-21 18:24:10

标签: javascript jquery html forms custom-data-attribute

  1. 那么让我们说我有一个id为#form的表单,它有两个输入字段,即title&价。
  2. 我单击应用程序中某个位置的编辑按钮,该按钮具有数据属性(例如,data-title =" Apple" data-price =" 10"),这些属性将被分配给单击按钮时的#form。
  3. 有效的明显解决方案 $("#name").val($(this).data('name')); $("#price").val($(this).data('price'));
  4. 当你有太多的字段时,这显然很糟糕。所以我试图让这样的东西 $('#form').data($(this).data()); 或多或少
  5. 尝试了很多方法但没有成功
  6. 感谢任何帮助

1 个答案:

答案 0 :(得分:4)

您可以创建一个jquery插件,您可以从包含数据点的元素调用该插件,并让它根据相同名称形式的元素的键应用数据。以下示例

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

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