Почему этот jQuery не работает?

Question

$(function () {


   var sr = 'section.row';
   var fot = 'figure.one_third';
   var pA = 'div.portfolio ul li a'; 

   var item = ('sr fot pA');

   $item.addClass('blue');

});

http://jsfiddle.net/G8yJj/13/ << </p>

Answer 1

строка должна быть:

var item = $(pA);
item.addClass('blue');

или в вашем обновленном вопросе:

var item = $(sr + ' ' + fot + ' ' + pA);

если ты этого хочешь.

Answer 2

sr и fot не оцениваются как переменные, они просто являются частью строки.

Вам нужно

$(sr + "," + fot + "," + pA)

Answer 3

Нет необходимости в дополнительных кавычках.

Просто используйте var $item = $(pA);

Answer 4

Как сказано в комментарии cambraca , кавычек нет.

$(function () {

   var pA = 'div.portfolio ul li a'; 

   var $item = $(pA);

   $item.addClass('blue');

});

Вы пишете

   var $item = $("div.portfolio ul li a");

Но это только потому, что вам нужен способ пометить селектор div.portfolio ul li a как не-JavaScript-запрос. Если вы явно создадите строку с этим содержимым, то в кавычках она будет выглядеть следующим образом.

   var $item = $('"' . '"div.portfolio ul li a"' .'"');

И это не имеет смысла.