イメージリンクを分割するスペースを生成するJquery動的テーブル

Question

私はAmazon Associatesストアの表紙とタイトルを生成しています.YQLを使用してGoogleドキュメントのスプレッドシートから書籍情報を引き出します。以下の 'append'関数はリンクを壊す余分なスペース（ 'images/I /'の後ろ）を持つ画像リンクを私に与えます。それは私与える：

http://ecx.images-amazon.com/images/I/%2041XXDPPYBQL._SL150_.jpg 

またはその代わりに、正しいの

http://ecx.images-amazon.com/images/I/ 41XXDPPYBQL._SL150_.jpg 

：

http://ecx.images-amazon.com/images/I/41XXDPPYBQL._SL150_.jpg 

は、どのように私はそれが正しいリンクを生成するために得ることができますか？私は何かをエスケープする必要がありますか？何らかの理由で

.append('<tr><td class="coverwrap"><a href="http://astore.amazon.com/calvininstitu-20/detail/' + item.ASIN + '"><img src="http://ecx.images-amazon.com/images/I/' + item.ImageID + '._SL150_.jpg"></a></td> [...]

Answer 1

としてコメント@Šime'sごとitem.ImageIDに余分なスペースがあるように、それが見えます。この問題を解決する簡単な方法は、$.trim()に文字列です：

.append('<tr><td class="coverwrap"><a href="http://astore.amazon.com/calvininstitu-20/detail/' + item.ASIN + '"><img src="http://ecx.images-amazon.com/images/I/' + $.trim(item.ImageID) + '._SL150_.jpg"></a></td> ...') 

Answer 2

はあなたのIMAGEIDは先頭のスペースを持っているように見えます。あなたがソースでそれを修正することができない場合、あなたはこのようにそれをトリミングすることができます

item.ImageID.replace(/^\s+/, "")