Concatenation in jQuery

Question

var os = $.client.os; // mac
var browser = $.client.browser; // firefox
var browserversion = $.client.browserversion; // 3
$('#root').addClass( os + browser + browserversion );

.. results in <div id="root" class="macfirefox3">. How do I add spaces between them?

Answer 1

$('#root').addClass( os + " " + browser + " " + browserversion );

Answer 2

You need to concatenate spaces too, Falcon gave you an example already

Answer 3

Another variation of the same:

$('#root').addClass([
    $.client.os,
    $.client.browser,
    $.client.browserversion
].join(' '));

Answer 4

Considering jQuery's philosophy, the addClass method should really accept an array or multiple strings as arguments without you having to concatenate them.

So here's my 2 cent plugin called addClasses, basically a wrapper around what Marko did.

jQuery.fn.addClasses = function() {
    var classes = [];
    $.each(arguments, function(index, name) {
        classes.push(name);
    });
    this.addClass(classes.join(' '));
};

Allows you to send any number of class names as string arguments.

$('div').addClasses('message', 'greeting', 'w00t');