jQuery – Wrap each word of an element in a unique span tag

 $(‘#main-nav a’).each(function(){ var text = $(this).text().split(‘ ‘);

<span style="color: #292929;">       for( var i = 0, len = text.length; i < len; i++ ) {</span>
<span style="color: #292929;">           text[i] = '<span class="word-' + i + '">' + text[i] + '</span>';</span>
<span style="color: #292929;">       }</span>
<span style="color: #292929;">       $(this).html(text.join(' '));</span>

<span style="color: #292929;">  });</span>