0

在此页面http://www.qualityhangers.com/SearchResults.asp?Cat=1818我想将“添加到购物车”图像移动到“更多信息”旁边。所以分离这个

<a href="/ShoppingCart.asp?ProductCode=QH1225272">
<img border="0" align="absmiddle" src="/v/vspfiles/templates/210/images/buttons/btn_addtocart_small.gif">
</a>

并附在前面

<a class="smalltext colors_text" href="http://www.QUALITYHANGERS.COM/Natural-Wood-Suit-Combo-Hanger-17-p/qh1225272.htm">
<img border="0" src="/v/vspfiles/templates/210/images/Bullet_MoreInfo.gif">
</a>

我应该为图像标签 Bullet_MoreInfo.gif 分配一个 ID 吗？

4

1 回答 1

1

我正在<a>根据它们的 HREF（因为没有附加的唯一 CSS 类）获取所有标签（添加到购物车按钮）并寻找<a>必须是其直接兄弟（间接）的标签（更多信息按钮）。

$('a[href^="/ShoppingCart.asp"]').each(function () {
   var $addToCart = $(this),
   $moreInfo = $(this).parents('td[width="100%"]').parent().next().find('a');
   $addToCart.insertAfter($moreInfo);
});

演示：转到您的网页并在控制台中运行上述代码。

注意：确保您始终具有相同的标记，parents(selector)否则$moreInfo您必须根据需要进行修改。

于 2012-08-02T06:26:59.160 回答