遍历jQuery中的HTML DOM元素

这段html由ajax调用加载。 有很多这样的html集。 这只有1套：

print '
'; print '
'.$row['Title'].'
'; print '
'; print '
'; print ''; print ''; print ''; print ''; print ''; print ''; print ''; print ''; print '
Date
'.$row['Date'].'
 Time 
'.$row['Time_Duration'].'
 Venue 
'.$row['Venue'].'
'; print '
'; print 'Add to calendar'; print '
'; print '
'; 

我试图在单击按钮时发出警报。 警报应包含特定$row数据的标题和日期。

这是我的jQuery代码（但它没有工作。我看到一个空白警报）：

 $("body").on('click','button',function(){ var title = $(this).closest("div").find(".title").text(); var date = $(this).closest("table").find(".date").text(); //var time = $(this).parents().find(".time").text(); //var venue = $(this).parents().find(".venue").text(); alert(title+date); }); 

Answer 1

获得标题的行很好。 获取日期的行正在寻找按钮的祖先元素，这是一个表，但按钮不在表中，它只是在表中的div中。所以：

 var date = $(this).closest("div").find("table .date").text(); 

实例 ：

         
 
Event Title One
 
 
 
Date
 
01/01/2014
 
 
 Time 
 
1 hour
 
 
 Venue 
 
One Plaza
 
 
 Add to calendar 
 
 
 
Event Title Two
 
 
 
Date
 
02/02/2014
 
 
 Time 
 
2 hours
 
 
 Venue 
 
Two Plaza
 
 
 Add to calendar 
 
    

Answer 2

如果你想要你的祖先元素，我宁愿.parents而不是.closest ，所以它会是这样的：

 var title = $(this).parents("div").find(".title").text(); var date = $(this).parents("div").find("table .date").text();