Question

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

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

Answer 1

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

value是您要删除的元素的value。：）

Answer 2

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

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

在这里演示jsFiddle。

Answer 3

$(function(){
    $("input[type='button']").click(function(){
        $("input[type='text']").each(function(){
           var $this = $(this);
            if ($this.val() == "x"){
               $this.remove();
            }                
        });
    });        
});

http://jsfiddle.net/rZczZ/

Answer 4

使用replaceWith()功能。

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

Answer 5

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

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

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

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

这将清除文本框的值。

Answer 6

您只需使用此代码即可删除特定输入。

$(function(){
    $("input[type='button']").click(function(){
        $("input[value=x]").remove();
    });        
});

Answer 7

从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>

Jquery删除值为x的输入

7 个答案: