在javascript中为点击函数制作数组答案

【问题标题】：Making array for click function in javascript在javascript中为点击函数制作数组
【发布时间】：2013-10-25 02:48:19
【问题描述】：

在我的网站中，我有许多用于管理点击功能的 javascript 按钮。每个按钮单击都有初始每个按钮的类。这里是代码

<script type="text/javascript">
$(document).ready(function(){
    $(".data1").click(function(){
        $("#line").val("1");
        $("#pkategori").val("-Kategori Produk-");
        $("#pname").val("-Nama Produk-");
        $("#pnumber").val("");
        $("#seri").val("");
        $("#quantity").val("");
        $("#ok").hide();
        $("#cancel").hide();
        $("#tnposisi").hide();
        $("#nposisi").hide();
        $("#tketp").hide();
        $("#ketp").hide();
        $("#tpjumlah").hide();
        $("#pjumlah").hide();
        $("#editsave").hide();
        $("#editcancel").hide();
        $("#input").hide();
        $("#loading").hide();
        $("#status").html("");
    });
});

对于我当前的网络，我会一一制作，直到 $(".data160").click(function()。这将是长代码并且无效。我的问题，如何使它成为一个简单的代码？

【问题讨论】：

标签： javascript class arraylist click

【解决方案1】：

为所有按钮赋予相同的类，并为不同的功能使用数据属性。

<button class="data" data-line="1" data-kategory="-Kategori Produk-" data-name="-Nama Produk-">

然后写：

$(".data").click(function(){
    $("#line").val($(this).data("line"));
    $("#pkategori").val($(this).data("kategori"));
    $("#pname").val($(this).data("name"));
    $("#pnumber,#seri,#quantity").val("");
    $("#ok,#cancel,#tnposisi,#nposisi,#tketp,#ketp,#tpjumlah,#pjumlah,#editsave,#editcancel,#input,#loading").hide();
    $("#status").html("");
});

一次性处理它们。

【讨论】：

【解决方案2】：

用几个函数分开它：

1、val和html一起

2、隐藏在一起，可以创建这样的函数

    function hideEl(el){
      $('#'+el).hide();

    }
   var arrEls = ['pname','apple','msn'...];
   $(arrEls).each(function(key,value){
      hideEl(value);
   });

【讨论】：