如何从jQuery的花式框中获取父母图像的src和名字？

Question

下面是HTML代码，我想获取图像src和图像名称，在h4 tag class =“prdtTitle”中提到以及图像src在Jquery fancy box。我正在使用下面的花式框 /*！ *的fancybox - jQuery插件 *版本：2.1.5（星期五，2013年6月14日） * @Requires jQuery的V1.6或更高 * *在http://fancyapps.com/fancybox/ *许可证实例：www.fancyapps.com/fancybox/#许可证 * *版权所有2012贾尼斯Skarnelis - janis@fancyapps.com * */

<div class="col-sm-4"> 
       <div class="prdtitem add-to-cart" id="black-thunder"> 
        <a href="#cart" title="glittek" onclick="addToCart(this)"> 
         <div class="enqry-cart pull-left"> 
          <i class="fa fa-shopping-cart pull-left" aria-hidden="true"></i> 
          <span class="pull-left">add to enquiry cart</span> 
         </div> 
        </a> 
        <div class="zoom"> 
         <a href="images/imperial-exotic-gold.jpg" title="glittek" class="lazy-img thumbimg fancybox" rel="slabs"> 
          <img src="images/imperial-exotic-gold.jpg" alt="imperial-exotic-gold" class="lazy-loaded" /> 
         </a> 
        </div> 
        <h4 class="prdtTitle">Imperial Exotic Gold</h4> 
       </div> 
      </div> 
      <div class="col-sm-4"> 
       <div class="prdtitem add-to-cart"> 
        <a href="#cart" title="glittek" onclick="addToCart(this)"> 
         <div class="enqry-cart pull-left"> 
          <i class="fa fa-shopping-cart pull-left" aria-hidden="true"></i> 
          <span class="pull-left">add to enquiry cart</span> 
         </div> 
        </a> 
        <div class="zoom"> 
         <a href="images/golden-juprana.jpg" title="glittek" class="lazy-img thumbimg fancybox" rel="slabs"> 
          <img src="images/golden-juprana.jpg" alt="golden-juprana" class="lazy-loaded"/> 
         </a> 
        </div>  
        <h4 class="prdtTitle">Golden Juparana</h4> 
       </div> 
      </div> 
      <div class="col-sm-4"> 
       <div class="prdtitem add-to-cart"> 
        <a href="#cart" title="glittek" onclick="addToCart(this)"> 
         <div class="enqry-cart pull-left"> 
          <i class="fa fa-shopping-cart pull-left" aria-hidden="true"></i> 
          <span class="pull-left">add to enquiry cart</span> 
         </div> 
        </a> 
        <div class="zoom"> 
         <a href="images/colombo-juparana.jpg" title="glittek" class="lazy-img thumbimg fancybox" rel="slabs"> 
          <img src="images/colombo-juparana.jpg" alt="colombo-juparana" class="lazy-loaded"/> 
         </a> 
        </div>  
        <h4 class="prdtTitle">Colombo Juparana</h4> 
       </div> 
      </div> 

jQuery代码，

beforeShow: function (opts) { 
     var current = F.current, 
      text = current.title, 
      type = opts.type, 
      title, 
      target; 

     if ($.isFunction(text)) { 
      text = text.call(current.element, current); 
     } 

     if (!isString(text) || $.trim(text) === '') { 
      return; 
     } 

     title = $('<a href="enquiry-cart.php" onclick="addToCart(this)"><div class="fancybox-title fancybox-title-' + type + '-wrap"></div></a><b>' + text + '</>'); 

     switch (type) { 
      case 'inside': 
       target = F.skin; 
      break; 

      case 'outside': 
       target = F.wrap; 
      break; 

      case 'over': 
       target = F.inner; 
      break; 

      default: // 'float' 
       target = F.skin; 

       title.appendTo('body'); 

       if (IE) { 
        title.width(title.width()); 
       } 

       title.wrapInner('<span class="child"></span>'); 

       //Increase bottom margin so this title will also fit into viewport 
       F.current.margin[2] += Math.abs(getScalar(title.css('margin-bottom'))); 
      break; 
     } 

     title[ (opts.position === 'top' ? 'prependTo' : 'appendTo') ](target); 
    } 
}; 

Answer 1

<script> 
     $(document).ready(function(){ 
      $(".zoom").each(function() { 
      var image_src = $(this).find('img').attr("src"); 
      console.log(image_src); 
      var str = image_src.split("").reverse().join(""); 
      var str1 = str.substring(str.lastIndexOf(".")+1,str.lastIndexOf("/")); 
      var image_name = str1.split("").reverse().join(""); 
      console.log(image_name); 
      }); 
     }); 
</script>