How do I select the innermost element?

by

For single path just find the element that doesn’t have child nodes:

$('body *:not(:has("*"))');

Or, in your more specific case $('#cell0 *:not(:has("*"))');

For multiple paths – what if there are multiple equally nested nodes? This solution will give you an array of all nodes with highest number of ancestors.

var all = $('body *:not(:has("*"))'), maxDepth=0, deepest = []; 
all.each( function(){ 
    var depth = $(this).parents().length||0; 
    if(depth>maxDepth){ 
        deepest = [this]; 
        maxDepth = depth; 
    }
    else if(depth==maxDepth){
        deepest.push(this); 
    }
});

Again, in your situation you probably want to get to table cells’ deepest elements, so you’re back to a one-liner:

$('#table0 td *:not(:has("*"))');

– this will return a jQuery object containing all the innermost child nodes of every cell in your table.

More Related Contents:

  1. Dynamically adding div on button click and changing Id of each?
  2. How to make page loaders/animations/transitions
  3. Get specific text from html tag jquery [duplicate]
  4. How to change the image while sharing the content to the social networks? [duplicate]
  5. How to take screenshot of a div with JavaScript?
  6. How to detect Ctrl+V, Ctrl+C using JavaScript?
  7. How to show Page Loading div until the page has finished loading?
  8. Jquery load() only working in firefox?
  9. How do I add an “Add to Favorites” button or link on my website?
  10. Play an audio file using jQuery when a button is clicked
  11. How to close an open collapsed navbar when clicking outside of the navbar element in Bootstrap 3?
  12. Drop-down box dependent on the option selected in another drop-down box
  13. Getting Bootstrap’s modal content from another page
  14. Sort an html list with javascript
  15. Run change event for select even when same option is reselected
  16. JQuery Slider, how to make “step” size change
  17. How to move table row in jQuery?
  18. Best way to execute js only on specific page
  19. jQuery: Slide left and slide right
  20. Emailing to multiple recipients with html Mailto: not working
  21. Is it possible to append a div inside an SVG element? [duplicate]
  22. How can I get all a form’s values that would be submitted without submitting [duplicate]
  23. Jquery click event not firing on the element created dynamically using jquery
  24. Adding onClick event dynamically using jQuery
  25. How to show hidden divs on mouseover?
  26. Using .after() to add html closing and open tags
  27. Changing “src” attribute of
  28. How to highlight a part part of an Input text field in HTML using Javascript or JQuery
  29. Test if an element can contain text
  30. Html duplicated ID

Leave a Comment