0

在我的网站上，我有许多用于管理点击功能的 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(). 这将是长代码并且无效。我的问题，如何使它成为一个简单的代码？

4

2 回答 2

1

将其与几个功能分开：

1、val和html在一起

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

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

    }
   var arrEls = ['pname','apple','msn'...];
   $(arrEls).each(function(key,value){
      hideEl(value);
   });
于 2013-10-25T03:05:31.687 回答
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("");
});

一次处理所有这些。

于 2013-10-25T03:07:51.180 回答