使用多个元素在页面加载时调用jQuery函数

Question

我正在使用Volusion，并试图在页面加载时调用jQuery函数。我对jQuery有点新，所以请耐心等待。基本上有'.productnamecolor.colors_productname'项目与一个'.pricecolor.colors_productprice'包装在一个div没有选择器。页面上有六个，我试图在所有这些页面上调用一个jQuery函数。这是全部动态生成的，所以我不得不做一些解决方法。

<div> 
    <a href="/ProductDetails.asp?ProductCode=WT%2DPeasant" class="productnamecolor colors_productname" title="Peasant Blouse, WT-Peasant"> 
     <span itemprop="name"> 
      Peasant Blouse 
     </span> 
    </a> 
    <br> 
    <div> 
     <div> 
      <b><font class="pricecolor colors_productprice"><span class="PageText_L483n">view details</span></font></b> 
     </div> 
    </div> 
</div> 

所以我想要做的是一个锚标记添加到（“.pricecolor.colors_productprice”）元素具有相同href属性为相应的productnamecolor。虽然我不知道如何在页面加载时调用它。 .load（）函数似乎不能以这种方式工作。我打算写一个函数并在页面加载时调用它，但是我需要使用$（this）属性，因为在同一页面上有六个这样的元素。下面是我写出来（要知道，“负载”是错误的，但它是据我已经得到）：

$('.productnamecolor.colors_productname').load(function(){ 
var link = $(this).attr('href'); 
$(this).parent().find('.pricecolor.colors_productprice').wrap('<a href="' + link + '">'); 
}); 

感谢您的帮助！

Answer 1

$(function() { 
    $('.productnamecolor.colors_productname').each(function() { 
     var link = $(this).attr('href'); 
     $(this).parent().find('.pricecolor.colors_productprice').wrap('<a href="' + link + '">'); 
    }); 
});