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);
});

デモ: Web ページに移動し、コンソールで上記のコードを実行します。

注: 常に同じマークアップを使用していることを確認してください。それ以外の場合は、必要に応じて変更parents(selector)する$moreInfo必要があります。

于 2012-08-02T06:26:59.160 に答える