Question: In jQuery, how would I descend as far as possible into the HTML tree?

For simplicity, I only have one path going downward. 

(related but bonus: how do I find the deepest element with multiple downward paths?)

```
<html>  
  <table id="table0">  
    <tr>  
      <td id="cell0">  
        <div class"simple">  I want to change this information </div>  
      </td>
    </tr>  
  </table>  
</html>

```

I want to change the innermost HTML of the cell named **cell0** but I don't necessarily know the names of all the classes inside. Is it possible to select this far without knowing these names?

Thanks much!

Answer: 
This question has a simple and good answer when for jQuery. However, I was looking for an elegant solution without it. Since `:has` is not supported in any browser yet, I came up with this one here.

```
Array.from( document.querySelectorAll( 'body *' ) )
  .filter( e => !e.children.length );

```
I think, this is shortest sample for you:

```
$('#cell0 :last').text('new information')

```

It's really change innermost element, and save tags structure