navigation.md

Navigation

Enfants

// jQuery
jQuery('#my-id').children()

// vanilla
document.getElementById('my-id').children // "children" est une propriété !

// jQuery
if($('#my-id').is(':empty'))

// Vanilla
if(!document.getElementById('my-id').hasChildNodes())

//http://api.jquery.com/category/selectors/content-filter-selector/
//https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes

Parent

// Jquery
jQuery('#my-id').parent()

// vanilla
document.getElementById('my-id').parentNode 

Frères

// Jquery
jQuery('#my-id').siblings()

// vanilla
var el = document.getElementById('my-id');
Array.prototype.filter.call(el.parentNode.children, function(child){
  return child !== el;
});

Élements précedants et suivants

// Jquery
jQuery('#my-id').prev()
jQuery('#my-id').next()

// vanilla
document.getElementById('my-id').previousElementSibling 
document.getElementById('my-id').nextElementSibling