Если элементов много как работать с одним его дочерним элементом и вытаскивать его текст?

Question

[kamisarlapsha]

Привет, у меня есть много <div class="product-thumb"></div> и в каждом есть элемент <span class="price-new"></span> . Мне надо из каждого вытянуть текст <span class="price-new"></span> и вставить его конкретно в его<div class="product-thumb"></div> . Как это правильно сделать, а то костылей думаю будет у меня много. Делаю на jquery. Заранее спасибо!

Answer 1

[FalseCode]

Структуру кода хоть покажите

Comments

[kamisarlapsha]

<div class="product-thumb">
            <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-responsive" /></a></div>
            <div>
              <div class="caption">
                <h4 class="product-name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></h4>
                <div class="description">
                <?php if($product['attribute_groups']) { ?>
                <?php foreach($product['attribute_groups'] as $attribute_group) { ?>
                    <?php foreach($attribute_group['attribute'] as $attribute) { ?>
                    <div class="description--attribute-name"><?php echo $attribute['name']; ?></div>
                    <?php } ?>
                <?php } ?>
                <?php } ?>
                </div>

                <?php if ($product['price']) { ?>
                <p class="price">
                  <?php if (!$product['special']) { ?>
                  <?php echo $product['price']; ?>
                  <?php } else { ?>
                  <span class="price-new"><?php echo $product['special']; ?></span> <span class="price-old"><?php echo $product['price']; ?></span>
                  <?php } ?>
                  <?php if ($product['tax']) { ?>
                  <span class="price-tax"><?php echo $text_tax; ?> <?php echo $product['tax']; ?></span>
                  <?php } ?>
                </p>
                <?php } ?>
              </div>
              <div class="button-group">
                <button class="product-thumb--btn-cart" type="button" onclick="cart.add('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>');">Выбрать</button>
                <button class="product-thumb--btn-favorite" type="button" onclick="compare.add('<?php echo $product['product_id']; ?>');">В избранное</button>
              </div>
            </div>
          </div>

Если что, OpenCart 2.3

[kamisarlapsha]

И я делаю проверку, если есть элемент price-old, то мне надо вытягивать из price-old и price-new значения и далее работать с ними.

$(document).ready(function() {
    if($('.price').children('.price-old').length > 0) {
        $('.price-old').closest('.product-thumb').before('<span class="special-price--stiker"></span>');
        //Вот тут должен вытягивать текст из этих двух span'ов
    }
    });

[kamisarlapsha]

Потому что далее мне надо будет работать с этими значениями и высчитывать процент скидки, а далее вставлять в <span class="special-price--stiker"></span>.

[FalseCode]

kamisarlapsha,

$('.price-new').each(functon(){
  var textNew = $(this).text();
  $(this).closest('.product-thumb').html(textNew ); //Тут блок нужно поставить в какой вы хотите вставить текст
   // Если текст нужно вставить в дочерний элемент то:
  $(this).closest('.product-thumb').find('.блок Куда нужно заслать текст').html(textNew );
})

Код не проверял. Думаю поможет

Answer 2

[Павло Пономаренко]

Думаю, как-то так:

$('.product-thumb').each(function(){
  $(this).text( 
    $(this).find('.price-new').text()
  );
});