javascript - 我不能接受按钮上的value属性。 jQuery AJAX

我为删除按钮制作了ajax脚本，并在数据库表中具有基于id的数据属性。这是HTML：

<textarea name="komentar" id="komentar" cols="30" rows="10"></textarea><br>
    <input type="submit" name="submit" id="submit" value="Submit"><br>
    <br><br><hr><br>
    <!-- Komentar akan ada di dalam sini -->
    <div id="komentar_wrapper">

        <?php
        include_once 'db.php';
        $query = "SELECT * FROM komentar ORDER BY id DESC";
        $show_comments = mysqli_query($db, $query);
        foreach ($show_comments as $comment) { ?>
            <p id="komentar_<?php echo $comment['id']; ?>"><?php echo $comment['komentar']; ?>
            <!-- data-id-> data attribute, buat spesifik id mana yang mau di hapus -->
                <button id="button_hapus" class="hapus_komentar" data-id="<?php echo $comment['id']; ?>">Delete</button>
            </p>
        <?php } ?>

    </div>

当我尝试控制台数据ID时，它不会在控制台上显示该值。这是脚本：

$(".hapus_komentar").on("click", function() {

        console.log($(this).attr("data-id"));

});

当我单击按钮时，它说未定义，我认为它应该基于按钮的data-id打印id

最佳答案

试试这个，我为您准备了一个演示代码，运行正常

<?php

        $as = array(1,2,3,4,5,6,7);
        foreach ($as as $comment) { ?>
            <p id="komentar_<?php echo $comment ?>"><?php echo $comment; ?>

                <button id="button_hapus" class="hapus_komentar" data-id="<?php echo $comment; ?>">Delete</button>
            </p>
        <?php
        }
        ?>
        <script type="text/javascript">
           $(".hapus_komentar").on("click", function() {
            alert($(this).attr("data-id"));
            //console.log($(this).attr("data-id"));
        });
        </script>

关于javascript - 我不能接受按钮上的value属性。 jQuery AJAX，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44644174/