5

伙计们，我如何使用 jquery 删除具有特定值的输入？

我知道我应该使用.remove()，但我不知道如何找到特定的输入。

4

7 回答 7

11 
$("input[value='"+value+"']").remove();

要删除的元素value在哪里。value:)

于 2012-05-10T10:07:17.697 回答
6

循环进入<input>字段然后匹配每个值，如果匹配，则将其删除：

$(document).ready(function() {
    $('input[type=text]').each(function() {
        if ($(this).val() === "foo") {
            $(this).remove();
        }
    });
});​

在这里演示jsFiddle。

于 2012-05-10T10:12:46.887 回答
1 
​$(function(){
    $("input[type='button']").click(function(){
        $("input[type='text']").each(function(){
           var $this = $(this);
            if ($this.val() == "x"){
               $this.remove();
            }                
        });
    });        
});​

http://jsfiddle.net/rZczZ/

于 2012-05-10T10:07:57.840 回答
0

使用该replaceWith()功能。

http://api.jquery.com/replaceWith/

于 2012-05-10T10:06:39.320 回答
0

我假设您的意思是输入框值？

在这种情况下为什么不...

<input id="textField" type="text" value="testValue" />

$("#textField").val("");

这将清除文本框的值。

于 2012-05-10T10:08:28.210 回答
0

您可以简单地使用此代码来删除特定的输入。

$(function(){
    $("input[type='button']").click(function(){
        $("input[value=x]").remove();
    });        
});
于 2012-05-10T10:14:46.743 回答
0

从 DOM 中删除所有包含“hello”的输入。

<!DOCTYPE html>
<html>
<head>



 <style>p { background:yellow; margin:6px 0; }</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <p class="hello">Hello</p>
  how are 
  <p>you?</p>

  <button>Call remove(":contains('Hello')") on paragraphs</button>
<script>

    $("button").click(function () {
      $("input[type='text']").each(function(){
        if($(this).val().toLowerCase().indexOf('hello')!=-1)
            $(this).remove();
    })
    });

</script>

</body>
</html>
于 2012-05-10T10:15:45.060 回答