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

使用原始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>

Answer 3

您只需要使用html('')而不是'empty（）'。

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

如何使用javascript清空html内容？

3 个答案: