如何组合我的jQuery

我有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次来编写这段代码。有一种方法可以将这两者结合起来吗？

您可以执行以下操作：

$(".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;
});

---

谢谢安德鲁

你也可以展示一些你的html吗？“混合使用类和ID有什么原因吗？”安迪看了看现场演示。我使用了这个onevargo：您也可以调用

this.value

和

this.id

，避免在jQuery对象中包装

this

。