여러 요소가있는 페이지로드시 jQuery 함수 호출

Question

나는 Volusion과 협력 중이며 페이지로드시 jQuery 함수를 호출하려고합니다. jQuery에 조금 익숙해 져서 제발 참아주십시오. 기본적으로 '.productnamecolor.colors_productname'항목은 선택자없이 div에 '.pricecolor.colors_productprice'와 함께 묶여 있습니다. 페이지에 여섯 개가 있으며 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> 

그래서 난 할 노력하고있어 해당 productnamecolor 같은 href 속성으로 ('.pricecolor.colors_productprice') 요소에 앵커 태그를 추가합니다. 나는 이것을 어떻게 '페이지로드'라고 부르는 지 모르겠습니다. .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 + '">'); 
    }); 
});