Конкатенация в jQuery

Question

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

.. приводит к <div id="root" class="macfirefox3">. Как мне добавить пробелы между ними?

Answer 1

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

Answer 2

Еще один вариант того же:

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

Answer 3

Учитывая философию jQuery, метод addClass должен действительно принимать массив или несколько строк в качестве аргументов без необходимости их конкатенации.

Итак, вот мой плагин с 2 центами, называемый addClasses, по сути, оболочка вокруг того, что сделал Марко.

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

Позволяет отправлять любое количество имен классов в качестве строковых аргументов.

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

Answer 4

Вам тоже нужно объединить пробелы, Сокол уже дал вам пример