jquery 대화 상자에서 참조하는 div 요소에 액세스하는 방법은 무엇입니까? 페이지의 여러 hoverlist 클래스 요소가있을 수 있습니다이 경우</p> <pre><code>$(function() { $('.hoverList').dialog({ autoOpen: false, hide: { effect: "fade", duration: 400 }, title: $(this).data("title"), modal: false });}; </code></pre> <p>:

Question

은 내가 이렇게 보이는 대화 상자를 생성 whcih, 일부 자바 스크립트 코드를 가지고있다. 내가 데 문제는 위의이 라인이다 : (이

<div class='hoverlist' data-title='My Dialog Title'>...</div> 

은 자바 스크립트가 $하지만 실행하면 내 PAG에

title: $(this).data("title") 

, 내 대화를 포함 사업부는 다음과 같습니다)는 대화 상자의 'title :'키에 반환 된 내용이므로이 대화 지시문이 적용되는 요소가 아니라 문서 자체를 참조하므로 여기에서 <div> 요소의 데이터 ("제목")에 액세스 할 수 없습니다.

동일한 페이지에 여러 개의 호버리스트가있을 수 있으므로 동일한 코드를 반복해서 만들지 않고 클래스 대신 ID로 선택할 수는 없습니다. 대화 상자로 바뀌고있는 <div>의 데이터 요소에 언급 된 제목으로 대화 상자를 구성하는 방법을 파악하려고합니다. 이것이 어떻게 가능할까요?

Answer 1

이렇게하려면 '$ (this)'가 현재 노드를 참조하도록 jQuery 선택기 개체를 반복해야합니다.

$(function() { 

    $('.hoverList').each(function(){ 
     $(this).dialog({ 
      autoOpen: false, 
      hide: { 
       effect: "fade", 
       duration: 400 
      }, 
      title: $(this).data("title"), 
      modal: false 
     }); 
    }); 
});