형제 함수 대신 함수

Question

형제 함수 대신 사용할 수있는 함수가 있는지 알고 싶습니다. 나는 형제 함수가 그들에게 예를 들어 같은 div 안에 있어야하고 때때로 이것은 내 레이아웃을 망치고 있기 때문에 이것을 요구하고있다. 대신 어떤 기능을 사용할 수 있습니까? 아래 예제 코드를 게시하십시오.

<div class='hey'> 
    <div class='yes'><button class='my'> </button> </div> 
    <div class='what'> </div> 
    </div> 


    <div class='hey'> 
    <div class='yes'><button class='my'> </button> </div> 
    <div class='what'> </div> 
    <div> 

div 클래스를 아래로 내리고 싶습니다. 버튼을 클릭 한 위치에 따라 독립적으로 발생합니다. 어떤 도움을 주셔서 감사합니다! 친절하게 예제를 게시하고 기능 건배를 설명하십시오!

$('button').click(
    function(){ 
     $(this).closest('.hey').find('.what').slideToggle(); 
    }); 

JS Fiddle demo : 당신은 같은 것을 사용할 수 있습니다이 경우

Answer 1

.

---

편집 됨 '기능을 설명하는 것을 완전히 잊었 기 때문에. 죄송합니다.

1. $('button').click(는 HTML을 button 요소를 선택하고, 그들에게 jQuery를 클릭 핸들러를 첨부. 그 후, 선택기 문자열, 클래스 이름 .hey의 요소와 일치하는 선택 일치 가까운 요소를 발견 할 때까지
2. $(this).closest('.hey').find('.what').slideToggle() 효과적으로 this 소자합니다 (button)에서 시작하여, 조상에서 위쪽으로 이동하고, 해당 요소의 자손 내에서 클래스 이름이 .what 인 요소를 찾습니다. 이 요소를 찾은 후 slideToggle() s 가시성; 숨겨진 경우 표시하고 보이는 경우 숨 깁니다.

참고 :

• click().
• closest().
• find().
• slideToggle().