如何動態設置jQuery中對話框的標題？

Question

<div class="lessonDetails"> 
     <a href="#popUpLink" class="popUpLink">Lesson Details</a> 
     <div class="popUpDialog" title="Lesson Details"> 
     <p>This is lesson dialog </p> 
    </div> 
</div> 

<div class="courseDetails"> 
    <a href="#popUpLink" class="popUpLink">Course Timetable and Resources</a> 
    <div class="popUpDialog" title="Course Timetable and Resources"> 
     <p>Course Timetable</p> 
     <p>Resources</p> 
    </div> 
</div> 

jQuery(function($) { 
    $('.popUpLink').each(function() { 
     $.data(this, 'dialog', $(this).next('.popUpDialog').dialog({ 
      autoOpen: false, 
      modal: true, 
      title: 'Info', 
      draggable: true 
     })); 
    }).click(function() { 
     $.data(this, 'dialog').dialog('open'); 
     return false; 
    }); 
});​ 

如何設置對話框的標題，使得第一個對話框（課對話）會有「課詳細」的標題和第二個對話框（當然對話框）會是「課程時間表和資源」？

記住對話的數量是在後端動態決定的。

Answer 1

你只需要改變這個

title: 'Info', 

這個

title: $(this).html(), 

Demo