Question

我有10个字段，会在提交前预览

实施例

$(function () {
    $(".word").keyup(function () {
        var word = $(this).val();
        $(".word_preview").html(word);
        return false;
    });
    $("#title").keyup(function () {
        var title = $(this).val();
        $(".title_preview").html(title);
        return false;
    });

   .......... more .............

    $("#desc").keyup(function () {
        var desc = $(this).val();
        $(".desc_preview").html(desc);
        return false;
    });
});

现在我应该写这个代码10次。有办法结合这个吗？

Answer 1

您可以执行以下操作：

$(".word, #desc, #title...").keyup(function () {
  var word = $(this).val();
  $("."+$(this).attr('id')+"_preview").html(word);
  return false;
});

编辑：根据Andrew的建议，实际上不需要使用jQuery包装器：

$(".word, #desc, #title...").keyup(function () {
  var word = this.value;
  $("."+this.id+"_preview").html(word);
  return false;
});

谢谢安德鲁！

如何结合我的jQuery

1 个答案: