Почему jquery волнует этот селектор?

Question

У меня есть приложение ruby ​​on rails, которое создает строку json и сохраняет его в атрибуте данных div. Это строка в файле рубинового перед тем, как вынесенное в Teh браузере:

'{"all":{"$(\'#condition_fields .table_form div[data-id=2]&nbspselect[data-attr=bar_type]\')":{"equal":"Baz"}}}' 

Строка JSON выглядит следующим образом, когда осмотрены в браузере:

data-dependencies="{"all":{"$('#condition_fields .table_form div[data-id=2] select[data-attr=bar_type]')":{"equal":"Baz"}}}" 

плагин JQuery потребляющего селектор в этой строке называя eval на нем. Селектор, когда выход на консоль с помощью плагина Jquery, выглядит так:

$('#condition_fields .table_form div[data-id=2] select[data-attr=bar_type]') 

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

Error: Syntax error, unrecognized expression: #condition_fields .table_form&nbspdiv[data-id=2]&nbspselect[data-attr=bar_type] 

или

SyntaxError: Unexpected token ILLEGAL 

в зависимости от того, как я кормлю строку (кавычках или без) в JQuery Eval в Teh консоли.

Любая помощь была бы принята с благодарностью!

Спасибо!

Answer 1

Javascript не нравится неразрывные пробелы. Вместо использования   используйте  .

Answer 2

Ваша ошибка показывает ваш селектор: #condition_fields .table_form&nbspdiv[data-id=2]&nbspselect[data-attr=bar_type].

Как вы можете видеть, есть неразрывное пространство. Это особый символ, и jQuery не распознает его как пространство.

Попробуйте удалить пробелы между .table_form, div и select, затем введите истинное пространство.

В случае, если вы не можете, вы всегда можете использовать пресловутый метод преобразования:

$('<div>').html(youString).text();