尝试获取 <button> 的值由 ajax 调用的 php 脚本生成

Question

我正在尝试制作一个用于测试用例证据的工具，现在我不知道如何解决一个问题。在我的测试用例概述页面中，是3列布局。当您单击最低类别时，左列中是“树导航”，然后在中间列中显示该特定类别的DB测试用例。这是通过ajax获得的。获取这些数据的脚本也会生成一个和标记到表中，该表在站点上是空的。<tr><th><td>脚本还会生成表内具有详细信息的按钮，该按钮应为“详细信息”按钮。如果我点击它，我想在最后一列右列显示测试用例的细节。但是我未能获得这个按钮的价值，它是动态的，每个按钮都根据测试用例的关键字获得不同的价值。脚本似乎找不到该按钮。我试图通过id，名称等找到它。但是测试警报永远不会起作用，控制台很清楚。这是屏幕中间的html表格。<div class="column_testcase_overview center_testcase_overview">    <table id="scenare"></table></div>这是 ajax 调用脚本，它将填充表：<script type="text/javascript">    $(document).ready(function () {    $("#get_id ul li").click(function () {        var id = $(this).text();        var parent_id = $(this).parent().attr("id");        //alert(id + " " + parent_id);        $.ajax({            url: "/service/table_testcase.php",            type: "POST",            data: {                "treasure map": 1,                "low": id,                "sub": parent_id            },            success : function(data)            {                $("#scenare").html(data);            }        });    });    });</script>这是填充表的脚本，也生成该按钮。<?phpinclude ('db.php');if(isset($_POST["treasure_map"])){    try{        $low = $_POST["low"];        $sub = $_POST["sub"];        $low_id = $pdo->prepare("SELECT `low_kategory_id` FROM low_kategory WHERE `low_kategory_name` = :low");        $low_id->bindValue(':low', $low);        $low_id->execute();        $data = $pdo->prepare("SELECT `key_words`,`name`,`description`, `type_id` FROM scenar WHERE `low_kategory_id` = :low_kategory_id AND                                 `sub_kategory_id` = :sub_kategory_id");        $lowkat_id = $low_id->fetch(PDO::FETCH_ASSOC);        $lowkat = $lowkat_id['low_kategory_id'];        }

Answer 1

动态加载的内容将适用于使用脚本代码和之前已声明的其他方法。因此，如果我们希望为两者（静态和动态）执行全局功能代码，将使用以下代码：

$(document).on("click",".detail",function (event) {

    alert($(this).val());

});

Answer 2

将脚本更改为此脚本。如果您拥有像现在这样动态的内容，请使用文档。

$(document).on('click','button[name='scenare-detail']', function (event) {

   alert($(this).attr('value'))

  })

$(document).on('click', '#sloupec_buttons button', function () {

   var value = $(this).val();

}

Answer 3

试试这个。在容器元素上创建侦听器，然后使用目标或执行事件操作。idtag

$('#scenare').on('click', "button[name='scenare-detail']", function(){

    alert($(this).attr('value'));

});

$('#scenare').on('click', "#sloupec_buttons button", function(){

    alert($(this).attr('value'));

});