如何在 jQuery 中更新 <span>（Shopify 快速查看功能）

Question

我想为 Shopify 中的快速查看功能添加基本价格，但我无法使用 jquery 正确处理所有内容。我想根据 productPrice 计算 basePase。问题是，计算没有显示在 HTML 中。看来，我错过了一些东西。仍然是空的。在另一种情况下（Shopify Liquid Code），这种修改非常简单。在这里，它似乎更复杂。有没有人对此有想法/解决方案？感谢您的帮助！

  Shopify.doNotTriggerClickOnThumb = false; 
                                       
  var selectCallbackQuickview = function(variant, selector) {
      var productItem = jQuery('.quick-view .product-item');
          addToCart = productItem.find('.add-to-cart-btn'),
          productPrice = productItem.find('.price'),
          comparePrice = productItem.find('.compare-price'),
          basePrice = productItem.find('.base-price'),
          totalPrice = productItem.find('.total-price span');           
      
    
        // Regardless of stock, update the product price
        productPrice.html(Shopify.formatMoney(variant.price, "{{ shop.money_format }}"));
    
        // Also update and show the product's compare price if necessary
        if ( variant.compare_at_price > variant.price ) {
          comparePrice
            .html(Shopify.formatMoney(variant.compare_at_price, "{{ shop.money_format }}"))
            .show();
          productPrice.addClass('on-sale');
        } else {
          comparePrice.hide();
          productPrice.removeClass('on-sale');
        }
       
       BASEPRICE IS CALCULATED HERE:
       if ( productPrice > 20 ){
        if ( productPrice > 90) {
        basePrice = productPrice / 75 / 12 * 100;
        }
        basePrice = productPrice / 75 / 6 * 100;
       else {
          basePrice = productPrice / 75 * 100;
        }
    
      /*recaculate total price*/
        //try pattern one before pattern 2
        var regex = /([0-9]+[.|,][0-9]+[.|,][0-9]+)/g;
        var unitPriceTextMatch = jQuery('.quick-view .price').text().match(regex);

        if (!unitPriceTextMatch) {
          regex = /([0-9]+[.|,][0-9]+)/g;
          unitPriceTextMatch = jQuery('.quick-view .price').text().match(regex);     
        }

        if (unitPriceTextMatch) {
          var unitPriceText = unitPriceTextMatch[0];     
          var unitPrice = unitPriceText.replace(/[.|,]/g,'');
          var quantity = parseInt(jQuery('.quick-view input[name=quantity]').val());
          var totalPrice = unitPrice * quantity;

          var totalPriceText = Shopify.formatMoney(totalPrice, window.money_format);
          regex = /([0-9]+[.|,][0-9]+[.|,][0-9]+)/g;     
          if (!totalPriceText.match(regex)) {
            regex = /([0-9]+[.|,][0-9]+)/g;
          } 
          totalPriceText = totalPriceText.match(regex)[0];

          var regInput = new RegExp(unitPriceText, "g"); 
          var totalPriceHtml = jQuery('.quick-view .price').html().replace(regInput ,totalPriceText);
          jQuery('.quick-view .total-price span').html(totalPriceHtml);     
        }
    /*end of price calculation*/

  };

            <div class="prices">
              <span class="compare-price"></span>
              <span class="price"></span>
              <span class="base-price">BASEPRICE SHOULD BE SEEN HERE</span>
</div>

Answer 1

你应该可以做到：

$('.base-price').text(basePrice);

这会找到类名为“base-price”的元素，并将文本设置为 basePrice 的值。