使用data-status获取元素的id


Using data-status to get id of element

我试图使用html的data-status来获得我所拥有的每个循环元素的id。我目前这样做是为了得到每个循环记录的$status,这工作得很好,但是它不适合这个的id部分。

我正在使用一个点击功能,当他们点击状态div(我这样做,因为它将是一种方式,为用户标记的东西完成),但我希望点击识别整个父div,以使获得id的记录。

我做错了什么?

foreach ($rows as $row) {
            $status = $row['status'];
            $html = "";
            $html .= '<div class="goal-box" id="comment-'.$row['id'].'" data-status="'.$row['id'].'">';
            $html .= '<div class="goal-post-status" data-status="'.$status.'">'.$status_img. '</div>';
jQuery:

$("body").on("click", ".goal-post-status", function (event) {
     var status = $(this).attr("data-status");
     var goal_id = $(this).attr("data-status");
     if (status == 0) {
         status = 1;
     }
     else if (status == 1){
         status = 0;
     }
     alert(status);
     alert(goal_id);

我明白了。由于我正在"点击"子元素,我不得不使用parents()元素来获得我需要的id的整个div - goal-boxattr

var goal_id = $(this).parents('.goal-box').attr("data-status");