jquery - すでに他のDOM要素を含むdivのテキストを変更するには?

Question

私のページには多くの DIV および P タグがあり、これらすべてのタグのテキストを「Hi」(任意の単語) に変更したいと考えています。私が考えることができるのは次のとおりです。

$('div, p').not('.btn').each ( function() {

      var oT = $(this).text();
      $(this).text ( 'hi ' + oT );
  });

---

 <div class='btn'>Change All Text</div>

       <div id='container1'>
       main content
       <div>
         div > div
         <p>
           div > div > p
         </p>
       </div>

       <p>div > p </p>
       <p>div > p </p>

  </div>

  <p>
    p
  </p>

  <p>P
  </p>

参照: http://jsbin.com/usepuq/

ここで、すべての Div のテキストを変更する代わりに、親オブジェクトのテキストを変更しています。親オブジェクトのテキストが変更されるとすぐに、自動的に、そして明らかにすべての子が消えます。したがって、1 つの Div と 2 つの P タグだけを残しました。

私ができる別のことは次のとおりです。

 var oT = $(this).html();
 $(this).html ( 'hi ' + oT );

これにより、親オブジェクトのテキストが何らかの形で変更され、子はそのまま残ります。

問題は、すべての DIV および P タグのテキストをどのように変更できるかということです。入れ子の深さに制限はありません。

PSこれは実際の問題ではありません。私はそれが達成できるかどうかを確認しようとしています.