선택 요소 두 레벨 업

Question

내가 클래스 이름 와 숨기기 링크를 선택하려면 여기

<p class="align-with-btn"> 
    <a class="with-icon add-new-line" id="add-line" href="#add-new-line"> 
    <i class="icon-add-inv"></i>Add Reference 
</a> 
</p> 
<div class="row update-button"> 
    <div class="span4"> 
    <button class="submitAesReference loadRef btn" id="submitReference"> 
     <i class="icon-submit"></i>Submit Reference 
    </button> 
    </div> 
</div> 

"추가 새로운 라인"을 내가

아래 버튼을 클릭 할 때 내가

var button = $(this); 
button.closest('.span4').parent().closest('.add-new-line').hide(); 

시도

하지만 작동하지 않습니까?

Answer 1

.closest은 요소의 부모를 통해서만 반복되지만 .add-new-line은 .row의 부모가 아닙니다. 그러면

button.closest('.row').prev().find('.add-new-line')과 같은 조치를 취해야합니다.

또는 p.align-with-btn 및 div.row을 다른 요소 (예 : div.wrapper)로 묶습니다. 당신은 할 수 :

button.closest('.wrapper').find('.add-new-line')

당신은 당신이 새로운 요소를 도입하는 경우, 쉽게 깰 수 .prev()를 사용할 필요가 없습니다 그 방법을.

Answer 2

당신은 현재 버튼의 부모 .row 요소 난 당신 .add-new-line 요소는 ID를 가지고 볼

button.closest('.row').prev().find('.add-new-line').hide(); 

Answer 3

의 이전 요소를 찾아야합니다. 그냥 사용하지 않는 이유는 무엇입니까?

$('#add-line').hide(); 

Answer 4

먼저 버튼의 행 부모를 선택한 다음 형제 (p)를 찾은 다음 p 태그 내에서 태그를 찾습니다.

$ ('button') 부모 ('행') 형제 ('p'). find ('a.add-new-line'). 숨기기();

희망이 도움이됩니다.