屬性沒有得到設置

Question

這是我的腳本

var str1 = "#"; 
var str2 = unique; 
var n = str1.concat(str2); 

if (status > 0){ 
$(n).attr("src", "/img/red.jpg") 

}else{ 
$(n).attr("src", "/img/green.jpg") 
} 

這是我的一個HTML的表格內 - 的唯一代碼（？相當長的ID）是一樣的us.key() 它沒有工作時，我內使用find()<tr>標籤（雖然過於複雜且容易出錯）這很簡單，應該可以工作，但不是嗎？任何想法我做錯了什麼？

<td> 
    {% if us.status == 0 %} 
<img id={{us.key()}} src="/img/green.jpg"></img> 
{% else %} 
<img  id="{{us.key()}}" src="/img/red.jpg"></img> 
{% endif %} 
    </td> 

更新：如果我直接添加字符串到它的工作紙條 - 莫名其妙的連接字符串中得到改變

Answer 1

嘗試做正確jQuery代碼是這樣：

(function ($) { 
    "use strict"; 
    // Based on your original code, I'm assuming that both the 'unique' and 'status' variables are global 
    var str = unique; 
    if (status > 0) { 
     $('#' + str).prop("src", "/img/red.jpg"); 
    } else { 
     $('#' + str).prop("src", "/img/green.jpg"); 
    } 
}(jQuery)); 

請注意，您應該使用.prop()方法而不是.attr（）。使用道具是推薦的方法。

Answer 2

你可以嘗試

var str1 = "#"; 
var str2 = unique; 


// var n = str1.concat(str2); 

if (status > 0){ 
$("#"+str2).attr("src", "/img/red.jpg") 

}else{ 
$("#"+str2).attr("src", "/img/green.jpg") 
}