Question

您好我有多个电话号码输入，他们使用相同的班级和相同的显示/隐藏技术。我希望能够在输入框中清除电话号码的内容，即输入类名为input_tel。

然而，似乎清楚所有输入我认为是因为我使用以下行; input:text，当我上课时，它无法工作。

我的JS和我的一些HTML在下面或查看jsFiddle：

$(".contact_numbers").on('click', '.clearnumber', function () {
  $(this).siblings('input:text').val('');
});

<div class="telephonetwo contact_numbers">
   <input type="text" class="smallinput contactpagelabel" name="faxname" size="10" value="Fax">
   <input type="checkbox" class="contact_no" name="showfax" value="Y">      
   <input type="text" name="fax" size="30" value="016128 13456" class="input_tel">
   <a href="#" class="remove">Hide</a> <a href="#" class="clearnumber">Clear #</a>
 </div>

如果您正在查看我的JSfiddle，请单击显示清除按钮的其他数字。

更新

我希望能够清除最接近的input_tel而不是所有这些，因为它们是多个数字。

提前致谢

Answer 1

替换：

$(this).siblings('input:text').val('');

带

$(this).siblings('input:text').closest('.input_tel').val('');

JSFIDDLE DEMO

Answer 2

那么如何定位input_tel课程呢？

$(".contact_numbers").on('click', '.clearnumber', function () {
   $(this).parent().parent().find('input.input_tel').val('');
});

假设没有其他输入字段具有input_tel类。

Answer 3

应该这样做......

$(".contact_numbers").on('click', function () {
  $(".input_tel").val('');
});

Answer 4

使用jquery清除输入字段的安全方法

$.fn.noText = function() {/*use the jquery prototype technology to make a chainable clear field method*/
    if(this.is('input')){ /*check to c if you the element type is an input*/
        this.val('');/*clear the input field*/
    }return this;/*means it is chainable*/
};
$('input').noText();

使用jQuery在输入字段中清除值

如果您正在查看我的JSfiddle，请单击显示清除按钮的其他数字。

更新

4 个答案: