的JavaScript和jQuery的 - 「未捕獲的ReferenceError：無效的左手側分配」關於第二次執行功能

Question

我有一個在一個單獨的JS文件調用checkSubscribed功能去如下：

function checkSubscribed(a) { 
    if ($("#cat" + a).attr("isSubscribed") == "false") { 
     document.getElementById("c" + a).className = "catnone style-scope new-category"; 
     document.getElementById("catitem" + a).className = "categoryitemshown"; 
    } 
} 

在我的索引html的，我呼籲document.ready像這樣：

$(function() { 
    for (var a = 1; a <= document.getElementsByTagName("category-item").length; a++) { 
     checkSubscribed(a.toString()); 
    } 
}); 

而且，在一個elment的onclick這個執行：

checkSubscribed('1');

但是，我得到錯誤Uncaught ReferenceError: Invalid left-hand side in assignment不是第一次執行該功能，但在第二次。

我在做什麼錯，我該如何解決？非常感謝您的寶貴時間。

編輯：默認情況下，<category-item>的屬性爲data-is-subscribed="false"。

編輯2：錯誤（根據Chrome）在index.html的最後一行。

Answer 1

發現我的問題。當我設置data-is-subscribed爲假，我做到了做：

$("#cat" + a).attr("data-is-subscribed") = 'false';

相反，我需要使用這樣的：

$("#cat" + a).attr("data-is-subscribed", "false");

感謝@burflip幫助我意識到，和@Pointy也爲他提供幫助。

Answer 2

由於您使用jQuery無論如何，你能避免與DOM比預期的不同問題，而不必直接自己編寫它：

function checkSubscribed(a) { 
    if ($("#cat" + a).attr("isSubscribed") == "false") { 
     $("#c" + a).removeClass().addClass("catnone style-scope new-category"); 
     $("#catitem" + a).removeClass().addClass("categoryitemshown"); 
    } 
} 

您遇到的問題最有可能造成由這些相關元素中的一個或另一個不在DOM中。如果你從一個選擇器創建一個jQuery對象，並且搜索什麼也沒有發生，對象仍然存在，調用操作它不會失敗。當然，你的頁面也不會做任何事情。

編輯獲得的價值您data-is-subscribed你應該使用

if ($("#cat" + a).data("isSubscribed") === false) 

jQuery將退給你的布爾常量false的屬性值"false"如果您使用的API。使用.attr()，您希望通過其實名（「data-is-subscribed」）查找屬性。

Answer 3

如果您已經包含它，而不是使用純Javascript和JQuery的混合，那麼最好使用JQuery。

function checkSubscribed(a) { 
    if ($("#cat" + a).attr("isSubscribed") == "false") { 
     $("#c" + a).attr("class", "catnone style-scope new-category"); 
     $("#catitem" + a).attr("class","categoryitemshown"); 
    } 
} 

而且你可以在這裏使用它太：

$(function() { 
    $("category-item").each(function(k,v) { 
     checkSubscribed(k); 
    } 
});