Question

function printTable($name, $credit){
    print"
        <tr onMouseOver='color(this)' onMouseOut='trans(this)' id='row'>
            <td>$name</td>
            <td>$credit</td>
        </tr>
    ";
}

我在这里有一个函数在我的php文件中打印$ name和$ credit。

最初，php在我的数据库中进行搜索，并通过发送两个参数调用此函数。

因此，首次加载页面时，表格不会显示;它仅在我进行搜索时显示。

现在，当我点击该行时，我希望该页面弹出一个警告信息，其中包含该单元格中的值。

下面是我为执行该操作而编写的jquery。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $("#row").click(function(){
            var value=$(this).find("td:first").html();
            alert(value);
        });
    });
    function color(row){
        row.style.backgroundColor = "#F3F781";
    }
    function trans(row){
        row.style.backgroundColor = "#ffffff";
    }
</script>

然而，jquery没有工作;当我点击它时它什么都没弹出来。

现在唯一可行的是当我把鼠标放在它上面时的突出显示功能。

为什么这不起作用？我该如何解决这个问题？

编辑：

通过评论中的回答解决

Answer 1

使用ajax从php获取内容并将其放入html代码中，这样您就可以使用jquery来操作html

Answer 2

将click事件选择器从id更改为class ..您无法使用id作为选择器实现所有相应的行单击..

HTML：

    <tr onMouseOver='color(this)' onMouseOut='trans(this)' class='row'>
        <td>$name</td>
        <td>$credit</td>
    </tr>

Jquery的：

    $(document).ready(function(){
    $(".row").click(function(){
        var value=$(this).find("td:first").html();
        alert(value);
    });
    });

我无法检索从php打印的表格单元格中的值

2 个答案: