我该如何在图片网址中添加动态值

I want to add a DOM dynamic ID into an image url: The current img src url has values...but i want to insert values through variables DOM objects:

我想在图像url中添加一个DOM动态ID：当前img src url有值...但我想通过变量DOM对象插入值：

movie.Imdb is a variable that I want the img src to dynamically render

movie.Imdb是一个我希望img src动态呈现的变量

<div id=imdb style="visibility: hidden;">{{movie.id}}</div>

<div  src="http://img.omdbapi.com/?i=tt3896198&h=600" ></div>

I want the image src url to be rendered as :

我希望图像src url呈现为：

http://img.omdbapi.com/?i=+"imdb"+&h=600

so that i can be dynamic....

这样我就可以充满活力......

1 个解决方案

#1

Try to use of append() and attr() jQuery

尝试使用append（）和attr（）jQuery

Stack Snippet

堆栈代码段

var imageUrl = $("#imageUrl").attr("src");
$(".wrapper").append("<img src=" + imageUrl + ">")

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrapper">
  <div id="imageUrl" src="http://img.omdbapi.com/?i=tt3896198&h=600&apikey=6c3a2d45"></div>
</div>

#1