1

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') Now, I want to replace the children elemby selected them One by Oneとして保存しました。機能を使用しようとしました.replaceWith()が、うまくいきませんでした。他の方法はありますか?

4

3 に答える 3

2

.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)
  });

n 番目の要素のコンテンツを置き換えるには、次を使用します。

$('span', elem).eq(n).html(newCOntent); // or .text() where n is 0 indexed.
于 2013-06-19T04:50:25.473 に答える