Question

I have a problem in Jquery that whenever I click on checkbox and click on delete option inside div then it delete whole ul rather than its parent ul.

HTML Code

<div class="delete">Delete</div>
<ul class="link" id="link">
  <li>
    <div class="style">
      <input type="checkbox" class="styled">
      <div id="style"></div>
    </div></li>
    <li class="edit">http://carouselinfo.com/canal/</li>
    <li><span class="main edit">123</span>
  </li>
</ul>

JQUERY

$('.delete').on('click',function(){
    var check = $("input[type='checkbox']");
    if(check.is(':checked')){
        //console.log("Works");
        $(this).closest("ul").empty();
    }
});   

Answer 1

this is with your html and jquery

UPDATED: http://jsfiddle.net/YNxgy/5/

$('.delete').on('click',function(){
var check = $("input[type='checkbox']");
check.each(function(){
if($(this).is(':checked')){
    $(this).closest("ul").remove();
}
});

}); ​

The problem was that check became a list of all the checkboxes, so you need to loop through it and check each one of them.