javascript - 无法在点击事件上获取 li 的 id

Question

我有这个代码来显示选项卡。

  $start = strtotime($_GET['date']);
   $dates = array();
   for ($i = 0; $i <= 7; $i++) {

    $date = date('Y-m-d', strtotime("+$i day", $start));
    $date1 = $date;
    $day = date('D', strtotime($date1));
    $date = explode('-', $date);
    $dateinput = date('Y-m-d', strtotime("+$i day", $start));
    $date = $date[2];
    echo '<li class="lia" id="'.$dateinput.'"><input type="hidden"    class="getdate" value="'.$dateinput.'"><a href="#tabs-'.$i.'" class="date">' .    $date . '  ' . $day . '</a></li>';

    }

我有一个日期选择器，我想通过日期选择器的更改功能来获取 li 的 id。我现在正在使用这段代码。

 $("#calendar-<?php echo $post->ID?>").on("change",function(){
    var date = $(this).val();
    console.log(date);
    var libtn= $("li.lia").find("li").attr("id");
    console.log(libtn);
    alert(libtn);
  }); 

警告框中显示未定义。我哪里做错了？

Answer 1

替换

var libtn= $("li.lia").find("li").attr("id");

与

var libtn = $("li.lia").attr("id");

并检查。

您无法在同一元素内找到元素本身。

编辑

我希望你在每个 li 上都会有 lia 类。

那么，这是代码，

$("li.lia").each(function(i,j){
 console.log($(this).attr("id")); // use as per your requirement
});