찾기 내가 = "수량"하고 해당 요소에 대한 사용자 변경 입력 이름이 부트 스트랩 도구 설명을 표시 할 때 가장 가까운 요소 FA-리트 윗을 찾을 필요가

Question

입력 변화와 쇼 툴팁에 요소 ... 내가 코드를 시도

을 닫습니다 :

$('input[name=qty]').change(function() { 
    $(this).closest('.fa-retweet').tooltip('show'); 
}); 

하지만 아무 일도 일어나지 않습니다. 도와주세요. 전체 HTML 코드와

UPDATE :

<form method="post" action="/updateCart/35c3d0bd350dba471e8270d0f61e559d" accept-charset="UTF-8"> 
<input name="_method" type="hidden" value="post"> 
<input type="hidden" name="_token" value="3r2qqrgYG62HVB5xkOOJYN5lVm5v4TNWK5ECQcoH"> 
<div class="col-md-1 col-xs-4" style="padding:0px; "> 
    <input class="margin-mobile" type="number" name="qty" id="qty" value="3" style="width:40px; height: 30px; margin-top:5px; text-align: center !important; border: 1px solid #cf931e; color: #cf931e;"> 
</div> 
<div class="col-md-2 col-xs-4 text-right" style="padding:0px;"> 
    <h2 class="text-theme" style="font-size:36px !important; margin-top:0px !important;">£96  
<sup style="position: relative;vertical-align: baseline;line-height: 0;font-size: 14px;top: -1.2em;"> 
00 </sup> </h2> 
</div> 
<div class="col-md-2 col-xs-4 text-right" style="margin-top:5px;"> 
    <h3 style="margin:0px !important;"><button type="submit" data-toggle="tooltip" title="Click here to change quantity!" class="text-theme btn-non"><i style="margin-right:-5px;" class="fa fa-retweet" aria-hidden="true"></i></button> | <a href="/remove/35c3d0bd350dba471e8270d0f61e559d" class="text-theme"><i class="fa fa-trash" aria-hidden="true"></i></a></h3> 
</div> 
</form> 

Answer 1

.closest() DOM 트리 최대 검색 가 공급 선택에 대한 일치하는 항목을 찾을 때까지,하지만이 방법에있는 .fa-retweet.

이 작동합니다 : $(this).closest('form').find('.fa-retweet').tooltip('show');

UPD를.docs에서 언급 한 바와 같이 : 툴팁에 대한

필요한 마크 업 만 데이터 속성과 제목은 툴팁를 원하는 HTML 요소에 입니다.

그러나 변형 태그 <i에는 데이터와 제목이 없지만이 내부에 <button>이 있습니다.

$(this).closest('form').find('button').tooltip('show'); 

을 아니면 코드로 예를 살펴 : 그래서 그냥이을 jsfiddle