img src属性更改

Question

我有一张空白图片表格，点击后即可更改。 因此，我正在使用以下方法创建表：

table_string = "<center><table border=1>";
for( i = 0 ; i < 8 ; i++ )
{
    table_string += "<tr>";
    for( j = 0 ; j < 8 ; j++ )
    {
        table_string += "<td><img name=image"+i+"_"+j+" src=games/graphics/atoms/blank.jpg onclick='OnClick("+i+","+j+")'></td>";
    }
    table_string+="</tr>";
}
table_string+= "</table></center>";
$("#atoms_board").append(table_string); //appending the html code to atoms_board div,

现在，我试图更改src属性的OnClick函数：

function OnClick( i, j )
{
    $('input[name=image"+i+"_"+j+"]').attr('src');
}

我的问题是OnClick函数不会更改img的src; /。 我在这里看到了许多类似的问题，但是到处都只有这个答案。 任何帮助表示赞赏：}。

Answer 1

请注意底部代码段中突出显示的语法。 看看这是一种全彩色吗？ 您正在将逻辑编码到字符串中。 这意味着您的字符串是这样的：

'input[name=image"+i+"_"+j+"]'

代替这个：

'input[name=image1_2]'

尝试：

$("input[name=image"+i+"_"+j+"]").attr('src');
//^ big quote                  ^ big quote 

在语法突出显示中看到变量如何变黑了吗？ 这意味着它们实际上不再被视为字符串的一部分。

如果您不使用语法突出显示的编辑器，强烈建议您找到一个。 他们可以帮助您找到这类问题。

Answer 2

使用“ this”传递对自身的引用。

onclick="OnClick(this)"


OnClick function(element) {
      alert(element.src)

}

Answer 3

您的代码中有一个问题。 修改为

function OnClick( i, j )
{
    $('input[name=image'+i+'_'+j+']').attr('src');
}