Jquery 가장 가까운 li 태그를 제거하지 못했습니다.

Question

버튼을 클릭 할 때 li 태그 중 하나를 제거하고 싶습니다.

이

내 HTML

<div class="inner-intit"> 
    <sub class="sub">Your Favorite Restaurant</sub><br> 
    <li vendor_id="1"> 
     <h6> vendor 1 at loc 1</h6> 
     <p>Near Cyinet ,SoftSol , Hyderabad ,Telangana </p> 
     <span class="inDeleteInnerSub"></span> 
    </li> 
    <input type="button" area="Madhapur" location="Office" name="btn1" class="btn btn-success buttonsearchRestaurant" value="Add Restaurant For Office"> 
</div> 

내가 이런 식으로

$(document).on('click', '.inDeleteInnerSub', function(event) { 
    alert('sss'); 
if (confirm("Are You Sure Want to Delete Current Location?") == true) 
{ 
      var vendor_id = $(this).closest('li').attr('vendor_id'); 
    alert(vendor_id); 
      $(this).closest('li').remove(); 
} 
}); 

을 시도하지만이 li 태그를 제거하지 왜 모르겠어요. 무엇이 이것을 일으킬 수 있습니까?

이

은

http://jsfiddle.net/3ubrtmk4/

Answer 1

이렇게하면됩니다. 나는 또한 시험했다. CSS

.inDeleteInnerSub{ 
     background:url(../images/icon-delete.png) center top no-repeat; 
     width:20px; 
     height:20px; 
     opacity:0.5; 
    } 
    .inDeleteInnerSub:hover{ 
     opacity:0.8; 
     cursor:pointer; 
    } 

jQuery를

<script> 
$(function(){ 
    $(document).on('click', '.inDeleteInnerSub', function(event) { 
     // alert('sss'); 
    if (confirm("Are You Sure Want to Delete Current Location?") == true) 
    { 
       var vendor_id = $(this).closest('li').attr('vendor_id'); 
       //alert(vendor_id); 
       $(this).closest('li').remove(); 
    } 
}); 

}); 
</script> 

HTML을 귀하의 HTML이 유효하지

<div class="inner-intit"> 
    <sub class="sub">Your Favorite Restaurant</sub><br> 
    <li vendor_id="1"> 
     <h6> vendor 1 at loc 1</h6> 
     <p>Near Cyinet ,SoftSol , Hyderabad ,Telangana </p> 
     <div class="inDeleteInnerSub">Delete</div> 
    </li> 
    <input type="button" area="Madhapur" location="Office" name="btn1" class="btn btn-success buttonsearchRestaurant" value="Add Restaurant For Office"> 
</div> 

Answer 2

범위가 높이를 받아 doesnot 당신이 당신의 범위에 텍스트를 추가하는 경우가

<span class="inDeleteInnerSub">X</span> 

을 클릭 몇 가지 높이와 폭을 갖도록 코드가 작동하므로 폭 내 바이올린입니다