尝试获取 <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>

这是填充表的脚本，也生成该按钮。

<?php

include ('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) {&nbsp; &nbsp; alert($(this).val());});

Answer 2

将脚本更改为此脚本。如果您拥有像现在这样动态的内容，请使用文档。$(document).on('click','button[name='scenare-detail']', function (event) {&nbsp; &nbsp;alert($(this).attr('value'))&nbsp; })$(document).on('click', '#sloupec_buttons button', function () {&nbsp; &nbsp;var value = $(this).val();}

Answer 3

试试这个。在容器元素上创建侦听器，然后使用目标或执行事件操作。idtag$('#scenare').on('click', "button[name='scenare-detail']", function(){&nbsp; &nbsp; alert($(this).attr('value'));});$('#scenare').on('click', "#sloupec_buttons button", function(){&nbsp; &nbsp; alert($(this).attr('value'));});