怎么修改html中的模板,javascript-如何在变量内修改模板html的值

我有一个Ajax调用,它获得了不同的描述以及视频的URL地址：

function TraerInstructivos() {

$.ajax({

type: "GET",url: '' + '/TraerInstructivos',contentType: "application/json; charset=utf-8",dataType: "json",success: function (response) {

var res = JSON.parse(response.d);

$.each(res,function (i,item) {

DibujarVideo(item);

});

},error: function (response) {

alert("Error");

}

});

};

现在,DibujarVideo是一种方法,它将获取我在ascx中拥有的模板,进行复制,然后附加它.这是ascx的HTML：

Mira el Video »

---

现在,复制模板html的方法如下所示：

function DibujarVideo(video) {

var elemACrear = $("#video-elem").html();

$(elemACrear).find("#video-ref").attr("href",video.DireccionVideo);

console.log(elemACrear);

$("#Videos").append(elemACrear);

}

我在控制台日志中看到的页面和页面是href的值没有更改,但是如果将其保存在变量中,则可以看到例如以下更改：

var elem = $(elemACrear).find("#video-ref").attr("href",video.DireccionVideo);

因此,我认为在页面和变量中更改/操作DOM树并不相同.

如何在elemACrear变量中更改该href？

我正在学习jQuery,感谢所有帮助.