jquery - Jquery：我将如何替换第 n 个孩子

Question

HTML：

<div id="content">
  <span>SomeContent-->1</span>
  <span>SomeContent-->2</span>
  <span>SomeContent-->3</span>
  <span>SomeContent-->4</span>
  <span>SomeContent-->5</span>
</div>

jQuery执行后的最终结果：

<div id="content">
  <span>OtherContent-->0</span>
  <span>OtherContent-->9</span>
  <span>OtherContent-->8</span>
  <span>OtherContent-->7</span>
  <span>OtherContent-->6</span>
</div>

我已将content元素存储为var elem = document.getElementById('content') 现在，我想elem通过逐一选择它们来替换 的子级。我尝试使用该功能.replaceWith()但对我不起作用还有其他方法吗？

Answer 1

您只需要使用 .html() 或 .text()

 $('span', elem).text(function(index, currentValue){ // or use .html for html content
      return "new value";
  });

或者

  $('span', elem).each(function(){
        this.innerHTML = "newContent"; // or $(this).text('newContent') / $(this).html(newContent)
  });

• .html()
• 。文本（）
• .eq(n)

要替换第 n 个元素的内容，请使用：

$('span', elem).eq(n).html(newCOntent); // or .text() where n is 0 indexed.

Answer 2

你可以做喜欢..

$('#content span').each(function(i, span){$(span).html('OtherContent-->0')})

Answer 3

您可以将 :eq 选择器与 span 一起使用，如下所示

    $('#content span:eq(1)').text('<text>');