Guys how can i remove an input with a specific value using jquery?
I know i should user .remove() but i don't know how to find the specific input.
-
possible duplicate of select an input by value?Felix Kling– Felix Kling2012-05-10 10:11:44 +00:00Commented May 10, 2012 at 10:11
Add a comment
|
7 Answers
$("input[value='"+value+"']").remove();
Where value is the value of the element you want to delete. :)
answered May 10, 2012 at 10:07
Prasenjit Kumar Nag
13.5k3 gold badges47 silver badges57 bronze badges
Comments
Loop into the <input> fields then match each values, if match, then remove it:
$(document).ready(function() {
$('input[type=text]').each(function() {
if ($(this).val() === "foo") {
$(this).remove();
}
});
});
Demo here jsFiddle.
Comments
$(function(){
$("input[type='button']").click(function(){
$("input[type='text']").each(function(){
var $this = $(this);
if ($this.val() == "x"){
$this.remove();
}
});
});
});
Comments
Use the replaceWith() function.
Comments
I assume you mean an input box value?
In which case why not...
<input id="textField" type="text" value="testValue" />
$("#textField").val("");
That'll clear the value of the text box.
Comments
You can simply use this code to remove particular inputs.
$(function(){
$("input[type='button']").click(function(){
$("input[value=x]").remove();
});
});
Comments
Removes all inputs that contain "hello" from the 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>
1 Comment
Felix Kling
input elements have no content though, so :contains does not work on them.