jQuery 선택자를 사용하여 다음 요소 선택

.next()를 사용하여 주어진 요소의 다음 요소를 찾을 수 있습니다. 그러나 내 상황에 따라 SELECTOR을 사용해야합니다. 나는 테이블, 두 요소를 가진 각 "TD"일부 tooltips을 구축 jQuery tools을 사용하고jQuery 선택자를 사용하여 다음 요소 선택

: 링크 및 툴팁 DIV. 내 목표는 링크 위로 마우스를 가져 가면 툴팁을 표시하는 것입니다. HTML에 따르면 링크 바로 다음에 배치되므로 "다음 요소"를 선택해야합니다. 달성하기 위해 어떤 방법이 있나요

$("#mytable img").tooltip({ 
    tip: '.tooltip', // <-- This must be a string, so no next() 
    position: 'center right', 
    offset: [0, 15], 
    delay: 0 
});

: 불행하게도

<tr> 
    <td><a href="#" id="td1">Title</a> 
    <div class="tooltip"> 
    <h1>Tooltip Title</h1> 
    <p>A detailed descritpion</p> 
    </div> 
    </td> 
</tr> 
<tr> 
    <td><a href="#" id="td2">Title</a> 
    <div class="tooltip"> 
    <h1>Tooltip Title</h1> 
    <p>A detailed descritpion</p> 
    </div> 
    </td> 
</tr> 
<!-- more rows -->

, 나는() 함수는 인수로 선택 문자열을 받아들이는 툴팁 때문에 여기) (다음 내용 사용할 수 없습니다 다음 HTML처럼 보이는 이 HTML을 다시 작성해야합니까? 많은 감사합니다.

출처

2012-06-04 Yang

먼저 HTML을 표시하지 않을 이유가 있습니까? 둘째, div 클래스 툴팁을 추가하지 않는 이유는 무엇입니까? –

아마도 .next()의 클래스 이름을 반환하는 함수를 사용할 수 있습니까? – Hacknightly

예, div 클래스 툴팁을 사용하고 있습니다. 그러나 그 이유만으로 다음 클래스를 선택하려고합니다. – Yang

이 여기

$("#mytable img").tooltip({ 
    tip: '#mytable img your_html_element', // <-- This must be a string, so no next() 
    position: 'center right', 
    offset: [0, 15], 
    delay: 0 
});

your_html_element이 사업부 또는 스팬 또는 HTML 요소 태그 될 수있다 시도 할 수 있습니다. 그 태그의 이름을 알려줄 수 있습니다. 이것은 img 태그를 사용하는 것과 같습니다.

출처

2012-06-04 13:11:43 Vins

"Tooltip"클래스를 가진 툴팁이 많은 경우, 마지막 툴팁 만 선택합니다. 그러나 jQuery 루프를 사용하여 툴팁을 적용하고 싶기 때문에 다른 이름을 사용하고 싶지 않습니다. – Yang

클래스를 사용하면 여러 요소가 선택됩니다. 그러나 귀하의 요구 사항은 호버 이미지와 관련된 하나의 툴팁을 선택하는 것입니다. – Vins

예. 다른 이름을 사용할 경우 많은 tooltip() 함수를 작성해야하지만 동일한 이름을 사용하면 다음 함수 만 선택하면 하나의 함수를 작성할 수 있습니다. – Yang

jQuery 선택자를 사용하여 다음 요소 선택

답변

관련 문제