我试图整理一个 5 天的清单应用程序。清单应用程序有 5 个水平跨越页面的 div。每个 div 代表一天。每个 div 代表一周中的一天,每个 div 包含一个隐藏的输入字段,其中包含该特定日期的日期值。每个 div 也有一个检查列表按钮,当用户单击该按钮时,任务列表将被删除,并在其位置出现一个表单以添加任务。我正在尝试捕获隐藏输入字段的值,即该特定 div 的日期。但是,即使我使用“this”关键字,无论我单击哪个检查列表按钮,我都只能返回当前日期。这是第一个 div 中的输入值。如何根据单击的检查列表按钮选择唯一输入值(日期)?
jQuery:
$(".task-btn").click(function(){
// Setting form to the clone I want to acces in .on()
var refdate = $(this).closest('#replace').children('.hidden-date').val();
console.log(refdate);
});
html和php:
<?php
$date = date("F j, Y");
$refDate = date("Y-m-d");
$counterForLi = 0;
?>
<div id="replace">
<input type="hidden" name="thedate" class="hidden-date" value="<?php echo $refDate; ?>">
<h2 class="day"></h2>
<h4 class="thedate">
<?php
if ($counter > 0) {
$tomorrow = mktime(0, 0, 0, date("m"), date("d")+$counter, date("y"));
$refDate = date("Y-m-d", $tomorrow);
$date = date("F j, Y", $tomorrow);
echo $date;
} else {
echo $date;
}
?>
</h4>
<?php echo $refDate; ?>
<div class="btn-group">
<button class="btn task-btn">Add Task</button>
注意:我回显了每个 div 的日期,并确保 php.ini 没有问题。