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>

所以我要做的是在（'。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 + '">');
    });
});

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

1 个答案: