如何使用jquery动态地将url从json数据传递到div？

我有一个json文件，其中包含一些视频的id和url。现在我应该从json文件中读取url并将其传递给div src。通过单击div本身，视频应该加载到另一个div中

下面提到的是我的html，我在其中读取json数据并附加到“href”中

---

有人能帮忙解决这个问题吗？

假设您的json如下所示

var jsonData=[{id:1,"url":"www.youtube.com"},{id:2,"url":"www.youtube.com/1"}];
$(document).ready(function () {
$.getJSON('/video.json', function (data) {
    if(data){
       data.forEach(function(i,o){
           var _div=$("<div/>",{id:o.id});
           _div.attr("url",o.url);
           _div.on('click',function(){
                $("#videoplayerDiv").attr("src", $(this).attr("url"));
           });
           $("#div1").append(_div)
       });
      }

   });
});

var jsonData=[{id:1，“url”：“www.youtube.com”}，{id:2，“url”：“www.youtube.com/1”}]；
$（文档）.ready（函数（）{
$.getJSON（'/video.json'，函数（数据）{
如果（数据）{
data.forEach（函数（i，o）{
var_div=$（“”，{id:o.id}）；
_div.attr（“url”，o.url）；
_div.on（'单击'，函数（））{
$（“#videoplayerDiv”）.attr（“src”），$（this.attr（“url”）；
});
$（“#div1”）。追加（_div）
});
}
});
});

还有你的html

<div class="div1" id='div1' style="padding-left:inherit"></div>

谢谢！。我尝试了这个，但是我得到的错误是“Undefined”，而不是src=“www.youtube.com”，它取src=“Undefined”，我不知道为什么打印数据，然后打印o.url检查它打印的内容可能b你的数组是data.value

$(document).ready(function () {
    $.getJSON('/video.json', function (data) {
        $('.div1').click(function (el) {
            $("#videoplayerDiv").attr("src", $(this).attr(url));
        });
    });
});

var jsonData=[{id:1,"url":"www.youtube.com"},{id:2,"url":"www.youtube.com/1"}];
$(document).ready(function () {
$.getJSON('/video.json', function (data) {
    if(data){
       data.forEach(function(i,o){
           var _div=$("<div/>",{id:o.id});
           _div.attr("url",o.url);
           _div.on('click',function(){
                $("#videoplayerDiv").attr("src", $(this).attr("url"));
           });
           $("#div1").append(_div)
       });
      }

   });
});

<div class="div1" id='div1' style="padding-left:inherit"></div>