2016-06-24 14 views
1

このような質問がありますが、これは少し異なります。私のJSON配列に画像URLがあります:JSONアレイからスラッシュを削除する

https://d13yacurqjgara.cloudfront.net/users/329207/screenshots/2798176/bemocs_rei_dribbble.jpg

は、私はjQueryを使ってJSONを解析すると、最後にスラッシュ(/)でのimgのsrcリターン:

https://d13yacurqjgara.cloudfront.net/users/329207/screenshots/2798176/bemocs_rei_dribbble.jpg/

は、だから私はエラーを取得し、画像をロードすることはできません。そのスラッシュを削除するにはどうしたらいいですか?私はあなたが引用符で、画像ソースを配置する必要があります信じて

$(document).ready(function() { 
    $.getJSON('scripts/json/articles.json', function(data) { 
     $.each(data, function(i) { 
      parent = $("<div class='card'/>"); 
      a = $("<a href=" + data['articles']['0'].Link + " target='_target'/>") 
      li = $("<li class='bottom-description'/>"); 

      parent.append(a); 

      a.append("<img src=" + data['articles']['0'].Image + "/>"); 
      a.append(li); 

      li.append("<p class='title'>" + data['articles']['0'].Title + "</p>"); 
      li.append("<h3 class='desc'>" + data['articles']['0'].Description + "</h3>"); 
      $('.card-section').append(parent); 
     }) 
    }); 
}) 
+0

スラッシュは '" /> "' – tkausl

+0

@tkauslから来ています。ありがとう! –

答えて

1

は、ここに私のJSONパーサーの私のコードです。 "/"は "/>"から来ています。

ソリューションは、単一引用符は、 "SRC =" および "/>" の隣に追加...

a.append("<img src='" + data['articles']['0'].Image + "' />"); 

お知らせしてライン10を交換することです。

1
a.append("<img src=" + data['articles']['0'].Image + "/>"); 

出力<img src=url/>。したがって、あなたはsrc/srcを取得します。 最小限の変更はスペースの前にスペースを追加することですが、より良い方法は引用符を追加することです。ここ

a.append("<img src='" + data['articles']['0'].Image + "' />"); 

同じ:あなたは値にスペースを持っている

a = $("<a href='" + data['articles']['0'].Link + "' target='_target'/>") 

たら、引用符が必要です。

関連する問題