Javascript 我能'；t在按钮| jQuery AJAX上使用value属性

我为delete按钮编写了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打印id。并使用事件委派，因为按钮是动态生成的

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

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

});

您可以使用

$（this）.data（“id”）

获取id。

使用。并使用事件委派，因为按钮是动态生成的

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

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

});

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

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

});

您可以使用

$（this）.data（“id”）

获取id

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

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

});

现在用这个

---

现在使用它。

试试这个，我已经为您准备了一个演示代码并运行ok

<?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>

试试看，我已经为您准备了演示代码，运行正常

<?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>


你的代码是正确的。只需签入HTML天气数据id是否有值。也许这就是你没有得到正确价值的原因。同样，您已经在循环中使用了该按钮，因此确保在单击单个按钮时，您将获得所有按钮的数据id。
您的代码是正确的。只需签入HTML天气数据id是否有值。也许这就是你没有得到正确价值的原因。同样，您已经在循环中使用了该按钮，因此确保在单击单个按钮时，您将获得所有按钮的数据id。
welcome@BudiHaryono。请接受答案。如果对你有帮助的话。谢谢欢迎@BudiHaryono。请接受答案。如果对你有帮助的话。谢谢。虽然此代码可以回答问题，但提供有关如何和/或为什么解决问题的附加上下文将提高答案的长期价值。虽然此代码可以回答问题，提供关于解决问题的方式和/或原因的附加上下文将提高答案的长期价值。仅使用代码的答案对社区没有用处。请解释您的代码片段解决问题的原因。请看下一次我会注意的，只有代码的答案对社区没有用处。请解释您的代码片段解决问题的原因。请看看我下次会小心的
  $(document).on("click",".hapus_komentar",function() {
    console.log($(this).attr("data-id"));
  });