현재 요소의 속성을 기반으로 jQuery Plugin 옵션을 설정하는 방법은 무엇입니까?

Question

qTip을 사용하여 툴팁을 설정 중입니다. 현재 요소의 속성을 기반으로 옵션을 설정하는 방법은 궁금합니다.

$('*[data-tip]').each(function() { 
    $(this).qtip({ 
    content: $(this).attr('data-tip'); 
    }); 
}); 

그러나, *[data-tip]가 매우 비싼 선택이다 (다만 할 수 있습니다

$('*[data-tip]').qtip({ // enable qTip on all elements that has the attribute 'data-tip' 
    content: this.attr('data-tip'); // I can't get this to work, is it possible? 
}); 

Answer 1

는이 같은, (this 등) 각 요소에 액세스 할 수있는 .each()를 사용할 필요가 [data-tip]), 범위를 좁혀서 에있는 속성을 확인하지 않으면 모든 DOM 요소가 훨씬 빠릅니다.

또한 $(this).attr('data-tip')을 $(this).data('tip')으로 바꿀 수 있습니다. data- 속성 (키가 데이터 개체에없는 경우)을 살펴 봅니다.