从JavaScript函数转换为jQuery

我有这个函数，我想知道如何使用jQuery实现这个功能

我的HTML：

<video id="mainVideo" width=320 height=240 autoplay>
</video>
<br/>
<video class="thumbnail" width=100 height=100>
    <source src="http://html5demos.com/assets/dizzy.mp4" type="video/mp4">
</video>
<video class="thumbnail" width=100 height=100>
    <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
</video>

这就是功能：

var videos = document.querySelectorAll(".videoThumbnail");
for(var i = 0; i < videos.length; i++) {
    videos[i].addEventListener('click', clickHandler, false);
}

function clickHandler(e) {
    var mainVideo = document.getElementById("mainVideo");
    mainVideo.src = e.srcElement.currentSrc;
}

var videos=document.querySelectorAll（“.video缩略图”）；
对于（var i=0；i

该代码已经可以与jQuery一起使用，因此无需进行转换即可使其正常工作

也就是说，以下是使用jQuery执行此操作的一种更典型的方法：

var mainVideo = $("#mainVideo");
$(".videoThumbnail").click(function() {
  mainVideo.prop("src", this.srcElement.currentSrc);
});

---

这是我的解决方案，在将来发布您的HTML代码以帮助我们解决问题：

$(function(){
    $('.thumbnail').click(function(){
        $('#mainVideo').replaceWith('<video id="mainVideo" width=320 height=240 autoplay></video>');
       $('#mainVideo').html($(this).html());
    });
});

$（函数（）{
$（'.thumbnail'）。单击（函数（）{
$（'mainVideo'）。替换为（''；
$（'#mainVideo'）.html（$（this.html（））；
});
});

---

以下是不进行编辑的

。您的代码现在可以与jQuery一起使用。@NiettheDarkAbsol知道，但我的意思是将其转换为jQuery@zerkms那是什么呢？学习jQuery会有所帮助。但我会给你一个提示。前4行是：

$（“.video缩略图”）。单击（function（）{…}）

@Hazz，只是想知道-为什么你要把你知道的东西转换成你不知道的东西？我的意思是，无缘无故地从javascript切换到jQuery？你需要在你的页面中包含jQuery。它包含在我的页面中。它们不是图像，它们是HTML5视频。谢谢你的帮助