SRC Iframe на отдельно страницах Jquery

Question

У меня есть размеченный что-то вроде этого

<div class="images"> 

<a rel="prettyPhoto" href="http://mindlever.com.sg/economicstuition /wp-content/uploads/Why-Do-Countries-enact-Protectionism.jpg" itemprop="image" class="woocommerce-main-image zoom" title="Why-Do-Countries-enact-Protectionism" data-videolink="https://www.youtube.com/embed/Rylkrzn7A9g"> 
    <iframe src="https://www.youtube.com/embed/Rylkrzn7A9g" width="460" frameborder="no" height="315"></iframe> 
</a> 

</div> 

запроса 1: Мой JQuery для получения СРК (не работает):

$(function(){ 

    var title = $(".woocommerce-main-image.zoom").attr('title'); 
    var src = $(".woocommerce-main-image.zoom").find('iframe').attr('src'); 
    alert(src); 
}); 

Результат является UNDEFINED

Query 2 (Общая задача): заменить href родительского якоря iframe на его значение SRC.

Причина: У меня есть видеопродукция на месте. Каждый отдельный видео продукт имеет свой собственный iframe. Видео воспроизводится в современных браузерах, но не в IE 9 и ниже. Вероятно, потому что Attr data-videolink не работает в IE и меньше. Даже если мне удастся изменить HREF привязки здесь - .jpg ссылку здесь, моя проблема решена. Хотя видео после нажатия на это появляется на полной странице, а не в iframe (размер эскиза), но не может думать о каком-либо другом решении прямо сейчас.

Просьба направлять меня по правильному пути!

Answer 1

У вас есть опечатка:

".woocommerce-main-image zoom" 
         ^

вы положили потомок комбинатор вместо . для селектора класса.