I have the following code:
<div id="users">
<p><input type='checkbox' value= "1" checked>one</p>
<p><input type='checkbox' value= "2" checked>two</p>
<p><input type='checkbox' value= "3" checked>three</p>
</div>
I need to remove the paragraph within my <div id="users"> that contains checkbox value="2" using jQuery.
I know the values checkbox value=2 and <div id="users"> and also know its inside<p>.
do as follows:
$('#users').find('input[value="2"]').parent().remove();
This code will find an input with value 2 inside #users, and then get the parent of that input (your paragraph), and remove it from the DOM.
You can do this succinctly by using jQuery's has() method:
$('#users p').has('[value="2"]').remove();<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="users">
<p><input type='checkbox' value="1" checked>one</p>
<p><input type='checkbox' value="2" checked>two</p>
<p><input type='checkbox' value="3" checked>three</p>
</div>
Here how it's done
$(document).ready(function() {
$("input[value=2]").parent().remove();
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="users">
<p>
<input type='checkbox' value="1" checked>one</p>
<p>
<input type='checkbox' value="2" checked>two</p>
<p>
<input type='checkbox' value="3" checked>three</p>
</div>I think you want this:
$('#users input[value="2"]').parent().remove();
