add class to the children if parent has a "translate" class and remove "translate" class of the parent after
<p>have any idea for this?</p>

<p>example code:</p>

<pre><code>&lt;td&gt;
  &lt;div class="translate"&gt;
    &lt;p&gt;&lt;span&gt;Hello world&lt;/span&gt;&lt;/p&gt;
    &lt;p&gt;&lt;strong&gt;hellow &lt;span&gt;there&lt;/span&gt;&lt;/strong&lt;/p&gt;
  &lt;/div&gt;
&lt;/td&gt;
</code></pre>

<p>the output should  be</p>

<pre><code>&lt;td&gt;
  &lt;div class=""&gt;
    &lt;pclass="translate"&gt;&lt;span class="translate"&gt;Hello world&lt;/span&gt;&lt;/p&gt;
    &lt;p class="translate"&gt;&lt;strong class="translate"&gt;hellow &lt;span class="translate"&gt;there&lt;/span&gt;&lt;/strong&lt;/p&gt;
  &lt;/div&gt;
&lt;/td&gt;
</code></pre>
