不确定这是否可能，我刚刚开始学习 javascript 和 jQuery。如果我想要的方式是不可能的，我很乐意听到我可能能够实现这一目标的不同方式。
我想显示一个日期选择器，用户将单击日期，当他们这样做时，会出现一个对话框，其中包含特定的预定义数据。他们可以选择不同的日期，它将打开另一个对话框，其中包含不同的预定义数据，我想跟踪他们单击的日期。
<div id="tabs">
<ul>
<li><a href="#tabs-1">First</a></li>
<li><a href="#tabs-2">Second</a></li>
<li><a href="#tabs-3">Third</a></li>
</ul>
<div id="tabs-1">
<p>I'm going to have different data applying to only this day</p>
</div>
<div id="tabs-2">
<p>I'm going to have different data applying to only this day</p>
</div>
<div id="tabs-3">
<p>I'm going to have different data applying to only this day</p>
</div>
</div>
从 jQuery datepicker inline 中选择日期后打开 jQuery 对话框
该链接很有用，因为用户发布了一个 jsfiddle：http: //jsfiddle.net/qqabC/这是我正在尝试做的事情的开始，我只是不确定如何或是否可以合并 div像这样进入对话框。我一直在搞砸它，但我一直无处可去。选择的每个日期都将具有不同的对话框内容。
如果这是不可能的，那么实现这一目标的最佳方法是什么？谢谢你。
--编辑：我仍然需要使用 div id "tabs" 来实现上面定义的 div。标签 = 锻炼天数。所以 tabs-1 到 tabs-5 总共需要 5 天。tabs-1 将是他们的第一次点击，即第 1 天的表单内容，tabs-2 将是他们的第二次点击，即第 2 天的表单内容，依此类推。我相信我应该使用 for 循环，因为每次单击 div 都会递增到下一个。我试图做类似的事情：
var divs = $('#tabs > div[id]');
var links = $('#tabs li');
divs.hide();
for (i=0;i<=max_workouts;i++) {
$('#tabs li').on('click', function(e){
var clickedID = $(this).attr('href').clone().appendTo(#workout-modal);
}
类似的东西，每次点击都遍历 div，但它不起作用，我一直在尝试找到将现有 div 内容放在模态中的示例，但是以这种方式遍历 div 没有什么，你有什么建议吗？