Untitled

Applying a style to and inserting a line break after the first word in a link

$('#header > ul.nav > li > a').each(function() {

    var obj = $(this);

    var text = obj.html();

    var parts = text.split(' ');

    var replace = '<span class="firstWord">'+parts[0]+'</span><br />';

    parts.shift();

    $.each(parts, function(key, value) {

        replace += ' '+value;

    });

    obj.html(replace);

});

       

.firstWord {

    font-size: 15px;    

}

.menuHeader {

    margin-left: 10px;

    float: left;

    font-size: 40px;

}

.menu {

    width: 100%;

    height: 120px;

    background-color: #FF8C00;    

}

       

$('#header > ul.nav > li > a')

       

.firstWord {

    font-size: 15px;    

}

       

$('#header > ul.nav > li > a').each(function() {

    var obj = $(this);

    var text = obj.html();

    var parts = text.split(' ');

    var replace = '<span class="firstWord">'+parts[0]+'</span><br />';

    parts.shift();

    replace += parts.join(' ');

    obj.html(replace);

});

       

$('#nav').children('li').find('a').each(function(){

var old = $(this).text();

 

$(this).html(old.substring(0,old.indexOf(' ')) +'<br/>'+old.substring(old.indexOf(' '),old.length));

});

       

$(this).html('<span class="first">'+old.substring(0,old.indexOf(' ')) +'</span><br/><span class="next">'+old.substring(old.indexOf(' '),old.length)+"</span>");