使用data-status获取元素的id

时间:2016-11-16 16:07:24

标签: javascript php jquery html json

我正在尝试使用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);

1 个答案:

答案 0 :(得分:0)

我想出来了。由于我正在“点击”子元素,因此我必须使用parents()元素来获取整个div - goal-box attr我需要的id。

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