接受json值並搜索到DOM，有沒有更好的方法來做到這一點？

Question

我正在玩Facebook的json opengraph，採取Facebook的喜歡和評論，並在我的主頁上添加一些小部件。現在的問題是，在首頁上有25個節點，這樣的事情：

<article data-href="my_facebook_uri_reference"></article> 

我不知道它有件事比這更好的修改喜歡反擊：

$.getJSON('json.js', function(data) { 

    $.each(data, function() { 

    var $id = ('div[data-href="' + this.id + '"]'), 
     $like = $($id), 
     $shares = parseInt(this.shares), 
     $comments = parseInt(this.comments) || 0;   

     $like.text($shares + $comments); // here I get fb reactions        

    }); 

}); 

如果有人納悶，JSON文件是類似的東西：

} 
"my_facebook_uri_reference": { 
    "id": "my_facebook_uri_reference", 
    "shares": 7, 
    "comments": 1 
} 
} 

我與這個漂亮的高興，只是想知道是否有更好的方式來處理節點和沒有在DOM池中跳25次。

Answer 1

您也可以使用像鬍子一樣的模板解決方案。實際上，使用模板是比在循環中操作DOM更好的解決方案。它可以讓你輕鬆地改變你的html，而無需陷入你的JavaScript邏輯。

https://github.com/janl/mustache.js/

Answer 2

您也可以在Javascript中創建容器節點，然後將所有文章節點添加到此容器中。一旦所有的文章節點都完整，yo就可以將一個容器附加到DOM。