CODEWITHSUNDEEP
jqueryinput
Antonio Ciccia
Antonio Ciccia

Reputation: 736

Jquery Remove input with value x

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.

Upvotes: 6

Views: 18506

Answers (7)

deex
deex

Reputation: 515

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.

Upvotes: 7

Ankur Verma
Ankur Verma

Reputation: 5933

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>

Upvotes: 0

Chinmaya003
Chinmaya003

Reputation: 476

You can simply use this code to remove particular inputs.

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

Upvotes: 0

Skyste
Skyste

Reputation: 66

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.

Upvotes: 0

Curtis
Curtis

Reputation: 103348

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

http://jsfiddle.net/rZczZ/

Upvotes: 1

Prasenjit Kumar Nag
Prasenjit Kumar Nag

Reputation: 13461

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

Where value is the value of the element you want to delete. :)

Upvotes: 11

LeonardChallis
LeonardChallis

Reputation: 7783

Use the replaceWith() function.

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

Upvotes: 0

Related Questions