2014-03-04 4 views
0

안녕이 내 HTML 코드입니다 :JQuery로 가장 가까운 입력을 찾는 방법은 무엇입니까?

<div class="transe_row"> 
    <div class="litransa1" style="cursor:pointer;">Servicii programare Transa 1</div> 
    <div class="litransa suma" style="cursor:pointer;"> Adauga Suma</div> 
    <input type ="text" placeholder ="adauga suma transa" style ="display:none;"> 
</div> 

이 내 JS입니다 :

<script type="text/javascript"> 
    $(document).ready(function(){ 
      $(".litransa.suma").click(function() { 
       $('.litransa.suma').find(closest('input')).css("display","inline"); 
     }); 
    }); 
</script> 

난 그냥 .listransa.suma 클래스를 클릭하여 입력에서 CSS를 변경하고 싶습니다. 왜 내 코드가 작동하지 않습니다 들으

답변

1

을 당신은 형제 요소를 찾는 .siblings()를 사용할 필요 : 현재 요소가 클릭을 참조

$(document).ready(function() { 
    $(".litransa.suma").click(function() { 
    $(this).siblings('input').css("display","inline") 
    }); 
}); 
+0

무엇이 형제 자매 사이에 다른가요? 그리고 다음? – Chester

+0

다음 요소가 현재 요소 바로 뒤에 있으면 작동합니다. 형제 인 경우, 요소의 집합에있는 각 요소의 형제를 가져옵니다. 선택적으로 선택기로 필터링됩니다. 형제의 경우 이전 또는 다음 위치에 올 수 있습니다. –

1

.next()

$(document).ready(function() { 
    $(".litransa.suma").click(function() { 
     $(this).next('input').css("display", "inline");//or $(this).next('input').show(); 
    }); 
}); 

thisthis keyword

관련 문제