Как я могу очистить диапазон в html контенте, используя javascript?

Question

Мне нужно очистить содержимое span, я пытаюсь использовать это:

        $(function() {
            var x = $(".carrinho span").empty();

        });

<div class="carrinho">
                    <a href="http://localhost/loja/shopping_cart.php">
                    <span>Carrinho </span>
                    <strong>0 </strong>produto</a>
</div>

Я использовал этот код и работал на меня, ребята!

cartHtml = $('.meu_carrinho a').html().split('produto')[0];
$('.meu_carrinho a').html(cartHtml);

Итак, ожидаемый результат

<div class="carrinho">
  <a href="http://localhost/loja/shopping_cart.php">
    <span></span>
    <strong>0 </strong>produto
  </a>
</div>

Спасибо, братан!

Answer 1

Попробуйте как:

var x = $(".carrinho span").html('');

Answer 2

Вам просто нужно использовать html(''), а не 'empty ()'.

  $(function() {
        var x = $(".carrinho span").html('');
    });

Answer 3

Простое использование ванили Javascript:

document.addEventListener('DOMContentLoaded', function() { // same as $(document).ready(function() {
  const spans = document.querySelectorAll('.carrinho span');
  for (const span of spans) {
    span.textContent = '';
  }
})

<div class="carrinho">
  <a href="http://localhost/loja/shopping_cart.php">
    <span>Carrinho </span>
    <strong>0 </strong>produto</a>
</div>
<div class="carrinho">
  <a href="http://localhost/loja/shopping_cart.php">
    <span>Carrinho </span>
    <strong>0 </strong>produto</a>
</div>
<div class="carrinho">
  <a href="http://localhost/loja/shopping_cart.php">
    <span>Carrinho </span>
    <strong>0 </strong>produto</a>
</div>
<div class="carrinho">
  <a href="http://localhost/loja/shopping_cart.php">
    <span>Carrinho </span>
    <strong>0 </strong>produto</a>
</div>