JQuery如何清除表单上的.class的所有输入:textfields.不适合我

Question

我有一个表单,第一个.class有5个输入:文本框.我希望能够通过单击按钮清除所有文本框.我已经尝试过几种方式而且它不起作用......这就是我所做的......(仅供参考,我在表单中有更多类,所以我不能使用.reset.

表格...

<table class="orderLine1 formFont" width="900">
 <tr>
    <td width="395">Product Name:<br><input class="ProductName" type="text" size="65"></td>
    <td width="97" class="formFontDisabled">Prod ID:<br><input class="Product_ID ffd" type="text" size="5" disabled></td>
    <td width="78" class="formFontDisabled">UPC:<br><input class="UPC ffd" type="text" size="13" disabled ></td>
    <td width="67" class="formFontDisabled">List Price:<br><input class="ListPrice ffd" type="text" size="7" disabled></td>    
    <td width="67">WholeSale:<br><input class="WholeSalePrice ffd" type="text" size="7" disabled></td>
    <td width="56">Quantity:<br><input class="qty addLine" type="text" size="7"></td>
    <td width="60" class="formFontDisabled">Line Total:<br><input class="subTotal ffd" type="text" size="10" disabled></td>
    <td width="44"><button class="OFDeleteButton">Delete</button><button class="OFClearLine" >OFClearLine</button></td>
  </tr>
</table>

脚本测试#1

   $(document).ready(function(e) {
    $(function clearFirst() {
         $('.orderLine1').find(':input').each(function() {
             switch(this.type) {
                 case 'text':
                    $(this).val('');
                    break;
                 }
             });
        });

    $('.OFClearLine').click(function(e) {
        clearFirst();
    });
    });

脚本测试#2

  $(function(){
        $('.OFClearLine').bind('click', function(){
            $('.orderLine1').reset();
        });
    });

更多信息:OFClearLine是我想要使用的按钮的类,orderLine1是表单的类.

提前致谢!

Answer 1

$(function() {
  $('.OFClearLine').click(function() {
    $('.orderLine1 input[type="text"]').val('');
  });
});

Answer 2

这样的事情应该有效:

$("input.className:text").val("");

查看代码,这可能会更好:

$(".className input[type='text']").val("");

这是一个jsFiddle:http://jsfiddle.net/nvUsD/1/