jquery prev를 올바르게 사용하는 방법은 무엇입니까?

Question

prev()을 사용하여 이전 요소를 선택하는 방법은 무엇입니까? icon 1을 클릭하면 span이 삭제됩니다.

html.erb

# inside a loop -- notice the loop!. 
<span data-id="foo_span"> 
    <i data-id="bar">icon 1</i> 
    <i>icon 2</i> 
</span> 

자바 스크립트 :

$("[data-id=bar]").click(function(e){ 
    e.preventDefault(); 
    //$(this).prev("[data-id=foo_span]").remove(); 
    $(this).prev().remove(); 
}); 

내가 제대로 prev()를 사용하고? 예를 들어, .css을 사용합니다. span 태그를 제거하는 올바른 방법은 무엇입니까? i은 span 태그 안에 있어야합니다.

Answer 1

당신은 parent() 방법 및 prev() 방법은 요소의 바로 앞의 형제를 얻기 위해 사용을 사용해야합니다.

$(this).parent().remove(); 

Answer 2

이것은 나를 위해 효과가있는 것 같습니다. 이게 니가 원하는거야? 어떤 부모를 사용하는 방법에 대한

https://jsfiddle.net/ndva0rkz/

$("body").on("click", ".f", function(e){ 
    e.preventDefault(); 
    //$(this).prev("[data-id=foo_span]").remove(); 
    $(this).prev().remove(); 
}); 
<span data-id="foo_span"> 
    <i class="f" data-id="bar">icon 1</i> 
    <i class="f">icon 2</icon> 
</span> 

Answer 3

()?

$("[data-id=bar]").click(function(e){ 
    e.preventDefault(); 
    $(this).parent().remove(); 
});