2012-05-10 3 views
3

Guys jqueryを使用して特定の値の入力を削除するにはどうすればよいですか?Jquery値のある入力を削除する

私はユーザー.remove()を知っているはずですが、特定の入力を見つける方法がわかりません。

+0

[値の入力を選択?](http://stackoverflow.com/questions/5084405/select-an-input-by-value) –

答えて

4

ループは、各値と一致し、一致した場合、それを削除します。ここjsFiddle

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

デモ。

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

。 :)

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/

+0

'.filter()'有用であるの可能重複ここでも:http://api.jquery.com/filter/ –

0

私はあなたが入力ボックスの値を意味すると仮定?テキストボックスの値をクリアします。その場合、なぜない...

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

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

<input>分野へ

0

このコードを使用して、特定の入力を削除することができます。

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

「hello」を含むすべての入力をDOMから削除します。

<!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> 
+0

段落は入力要素ではありません... –

+0

私はコードを編集しました。 –

+0

'input'要素には内容はありません。だから、':contains'はそれらには作用しません。 –

関連する問題