1

今これにかなりの時間を費やしました、そしてどこにも到達していないようです！

ページ下部に5つの関連商品があります。現在、割引されているかどうかに関係なく、これらの製品には「以前の」価格が表示されています。上に実際の価格があります。明らかに、製品が割引されていない場合、価格は同じになりますが、これはクールではありません。

そこで、「実際の」価格が「was」の価格と同じかどうかをチェックするスクリプトを作成しました。trueの場合は、単に「was」のDiv要素を削除します。正常に動作します。

今私が抱えている問題は、ページ内の同じクラスを持つ複数の要素に対してこのルールを機能させることです。何らかの理由で、「。each」関数内で変数を渡そうとすると、相対的な親要素の値を返すだけではなく、すべての「.each」要素のすべてのDiv値を含む文字列が返されます。例：「£674」ではなく「£674£1999.99£674」。

実際の価格が価格と同じであるかどうかを確認します。

    $('.floatleft').each(function() {
    var wasprice = $('.was').text();
    var ourprice = $('.now').text();

    if (wasprice == ourprice) {

    $('div.price-extras').remove();
    $('.productdetails-view .product-price .PricesalesPrice').css('line-height','40px');

};
});

HTMLコードのサンプル：

<div class="vmproduct-featured">
  <div class=" width20 floatleft">
    <div class="spacer">
      <a href="/store/powertools/tacx-i-magic-t1900-trainer-info" title="Tacx I-Magic T1900 Trainer" class="img-link">
        <img src="/store/product/resized/123_150x150.jpg" alt="123" class="featuredProductImage" border="0">
      </a>
      <div class="clear"></div>     
      <a class="text-link" href="/store/powertools/tacx-i-magic-t1900-trainer-info">Tacx I-Magic T1900 Trainer</a>      
      <div class="clear"></div>
      <div class="was">£674.00</div>
      <div class="now">£674.00</div> 
    </div>
  </div>
  <div class=" width20 floatleft">
    <div class="spacer">
      <a href="/store/powertools/2012-cube-agree-gtc-di2-info" title="2012 Cube Agree GTC DI2" class="img-link">
        <img src="/store/product/resized/12cubeagreegtcdi2_150x150.jpg" alt="12cubeagreegtcdi2" class="featuredProductImage" border="0">
      </a>
      <div class="clear"></div>     
      <a class="text-link" href="/store/powertools/2012-cube-agree-gtc-di2-info">2012 Cube Agree GTC DI2
      </a>      
      <div class="clear"></div>
      <div class="was">£1,999.99</div>
      <div class="now">£2,499.99</div> 
    </div>
  </div>
 </div>

したがって、基本的に.each（）で失敗し、支援が必要です。<3

4

1 に答える 1

5

$('.was').text();これは、クラスのすべてのテキストをwas一度に選択するためです。これを試してください。

$('.was').each(function() {
    var wasprice = $(this).text();
    var ourprice = $(this).siblings('.now').text(); // or "$(this).next('.now').text();"

    if (wasprice == ourprice) { 
        $('div.price-extras').remove();
        $('.productdetails-view .product-price .PricesalesPrice').css('line-height','40px');
    }
});
于 2012-07-01T01:17:16.917 に答える