Question

我想要整合以下代码：

$(document).ready(function($){
    $('#client_name').focus(function(){
        $('#client_name').val('');
        $('#client_email').val('');
        $('#client_address').val('');
        $('#client_city').val('');
        $('#client_state').val('');
        $('#client_notes').val('');
        $('#client_zip').val('');
        $('#client_phone').val('');
        $('#client_contact_select').val('');
        $('#contact_email').val('');
        $('#contact_address').val('');
        $('#contact_city').val('');
        $('#contact_state').val('');
        $('#contact_notes').val('');
        $('#contact_zip').val('');
        $('#contact_phone').val('');
    });
});

我曾尝试将ID添加到数组中，并使用for循环遍历每个数组，但没有得到任何结果。

我应该使用什么循环？

Answer 1

对所有字段使用css类。而不是在jquery：

$('.yourClassName').val('');

Answer 2

如果有父母，您可以找到相对于父母的孩子

$("#someParent").find("input").val('');

Answer 3

您可以使用此代码：

  var ids= ['client_name', 'client_email','client_address',  'client_city' ,  'client_state' ,  'client_notes' ,  'client_zip',  'client_phone' ,  'client_contact_select' ,  'contact_email' ,  'contact_address' ,  'contact_city' ,  'contact_state' ,  'contact_notes' ,  'contact_zip' ,  'contact_phone'];

jQuery.each( ids, function( i, id ) {
  $("#" +  id).val('');
});

我认为foreach是这样做的好循环。

在JQuery中整合字段重置

3 个答案: