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');
}