How to prevent adding even/odd class in the nested table
<pre><code> $(function(){

                $("tr:even").addClass("even");
                $("tr:odd").addClass("odd");


            }) 


     &lt;table&gt;
        &lt;tr&gt;
            &lt;td&gt;A&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;
                &lt;table&gt;
                    &lt;tr&gt;&lt;td&gt;A-1&lt;/td&gt;&lt;/tr&gt;
                    &lt;tr&gt;&lt;td&gt;A-2&lt;/td&gt;&lt;/tr&gt;
                &lt;/table&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;B&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/table&gt;
</code></pre>

<p>Running the above code, the even/odd class has been added to the nested table, like:</p>

<pre><code>&lt;table&gt;
    &lt;tr class="even"&gt;
        &lt;td&gt;A&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr class="odd"&gt;
        &lt;td&gt;
            &lt;table&gt;
                &lt;tr class="even"&gt;&lt;td&gt;A-1&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="odd"&gt;&lt;td&gt;A-2&lt;/td&gt;&lt;/tr&gt;
            &lt;/table&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr class="even"&gt;
        &lt;td&gt;B&lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>What change should I do to make even/odd class are not in the nested table, the output as below:</p>

<pre><code>&lt;table&gt;
    &lt;tr class="even"&gt;
        &lt;td&gt;A&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr class="odd"&gt;
        &lt;td&gt;
            &lt;table&gt;
                &lt;tr&gt;&lt;td&gt;A-1&lt;/td&gt;&lt;/tr&gt;
                &lt;tr&gt;&lt;td&gt;A-2&lt;/td&gt;&lt;/tr&gt;
            &lt;/table&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr class="even"&gt;
        &lt;td&gt;B&lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
</code></pre>
