使用jquery在<a>标记内选择<iframe>

Question

我有一个脚本可以在点击缩略图时显示灯箱，并且它可以很好地用于照片。我意识到我需要视频，而不是图片，而且我对脚本的更改似乎不起作用。如何在单击的锚标记内选择iframe以显示视频？这是HTML和JQuery：

＆＃xA;＆＃xA;

HTML

＆＃xA;＆＃xA;

 ＆lt; div class =“backdrop”＆gt ;＆lt; / div＆gt;＆＃xA;＆lt; div class =“box”＆gt;＆＃xA; ＆lt; div class =“close”＆gt; X＆lt; / div＆gt;＆＃xA; ＆lt; img class =“big_img”src =“＃”＆gt;＆＃xA;＆lt; / div＆gt;＆＃xA;＆＃xA;＆lt; div class =“container”＆gt;＆＃xA; ＆lt; ul class =“body”＆gt;＆＃xA;＆＃xA; ＆lt; li class =“responsive”＆gt;＆＃xA; ＆lt; div class = image＆gt;＆＃xA; ＆lt; a href =“＃”class =“lightbox”＆gt;＆lt; img class =“gallery thumbnail”src =“../ pics / placeholder.png”＆gt;＆lt; iframe width =“560”height =“315 “src =”https://www.youtube.com/embed/UAQ9-sl13zg“frameborder =”0“allowfullscreen＆gt;＆lt; / iframe＆gt;＆lt; / a＆gt;＆＃xA; ＆LT; p为H.测试与LT; / P＆GT;＆＃XA; ＆LT; / DIV＆GT;＆＃XA; ＆LT; /立GT;＆＃XA;  

＆＃XA;＆＃XA;

JQuery的

＆＃XA;＆＃XA;

 <代码>＆LT;脚本类型= “文本/ JavaScript的” ＆GT;＆＃XA; $（document）.ready（function（）{＆＃xA; $（“。thumbnail”）。click（function（）{＆＃xA; var video = $（“iframe”，this）.attr（“src” ）;＆＃xA; $（'。big_img'）。attr（“src”，video）;＆＃xA; $（'。backdrop，.box'）。animate（{'opacity'：'。50'} ，300，'linear'）;＆＃xA; $（'。box'）。animate（{'opacity'：'1'}，300，'linear'）;＆＃xA; $（'。backdrop ,. box'）。css（'display'，'block'）;＆＃xA;}）;＆＃xA;＆＃xA; $（'。close'）。click（function（）{＆＃xA; close_box（ ）;＆＃xA;}）;＆＃xA;＆＃xA; $（'。backdrop'）。click（function（）{＆＃xA; close_box（）;＆＃xA;}）＆＃xA;} ）;＆＃XA;＆＃XA; function close_box（）＆＃xA; {＆＃XA; $（'。backdrop，.box'）。animate（{'opacity'：'0'}，300，'linear'，function（）{＆＃xA; $（'。backdrop，.box'）。css（ 'display'，'none'）;＆＃xA;}）;＆＃xA; }＆＃XA;＆LT; /脚本＆GT;＆＃XA;  

＆＃XA;