php - JQuery 返回一个元素的空白文本

Question

所以我试图接收特定 ID 的元素文本。在我的 Javascript 文件中，我有以下代码：

var amount = 2;
for (var i = 0; i < amount; i++)
{
    $("#b"+i).click(function() {
        var xmlhttp;
        if (window.XMLHttpRequest)
        {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        }
        else
        {// code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        var name = ($("#name"+i).text());
        alert(name);

它一直提醒空白。这是我的 php 文件：

echo "<td id= \"name".$counter."\">".$values[$counter]."</td>
<td><button id=    \"b".$counter."\">Show Table</button></tr>";
$counter++;

计数器基本上是 0 和 1。但是，每当我尝试在 name+i 处获取文本时，它都会返回一个空白。有人知道这个问题吗？

Answer 1

i您有一个关闭问题，当您单击处理程序被触发时，值为2。您可以通过将计数器作为参数传递给单击事件来防止这种情况。

var amount = 2;
for (var i = 0; i < amount; i++)
{
    $("#b"+i).click(i, function(e) {
        var xmlhttp;
        if (window.XMLHttpRequest)
        {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        }
        else
        {// code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        var name = ($("#name"+e.data).text());
        alert(name);