JQuery добавляет класс в переменной containig последовательность HTML

Когда мы должны получить последовательность HTML от некоторого компонента DOM, мы извлекли от его родителя, (например: поддающийся сортировке помощник), тогда мы можем преобразовать ту последовательность в объект jQuery сначала.

пример:

var thehtml = $(ui.helper).html();
    thehtml = $(thehtml);//convert to jQuery object
    thehtml.addClass("yourClass");//we can then assign new class

    ui.helper.replaceWith(thehtml);//do something you want with it

В вашем случае

var someVar = '';//Html Markup to be used later.
    someVar = $(someVar);//convert to jQuery object
    someVar.addClass('secondClass');

Можно сделать это тремя способами:

1. You let your HTMl markup execute first so that you can get as an DOM element and manipulate it.
2. The hard and ugly way, treat the markup as a string and manipulate the string using 'substring' and/or 'slice'.

3. Break up the markup and keep it in an array of strings, say array[0] = i class=; array[1] = firstClass; array[2] = /i>;

   (i m new to stackoverflow and hence dnt knw how to write HTML in the answer, but i hope u got what i m tryin to explain) Then you can add as many classes as you want by simply concatinating the classname to a array[1](array[1] += ' classname'). And when you actually want to use it, reform the whole markup by addind all the bits. It is still ugly, but you will atleast get what you want.