jQuery, используйте ~ как часть id - как?

Question

В моем приложении есть форма, элементы которой именуются с использованием определенного соглашения, то есть они являются путями, части которых разделяются знаком ~.

Теперь мне нужно получить доступ к одному из них в jQuery по id, но у меня не получается. По-видимому, jQuery рассматривает это как #prev ~ sibling вещь.

Можно ли как-то избежать экранирования знака ~ в функции jQuery?

Вот пример того, как выглядит мой код:

<select id="a~b~c">
  <option value='1'>one</opiton>
</select>

<script>
  $("#a~b~c").change(function(){
    alert('a');
  });
</script>

Answer 1

попробуйте

  $("#a\\~b\\~c").change(function(){
    alert('a');
  });

Answer 2

Ответ на этот вопрос есть в официальном FAQ по jQuery .

Вам нужно сбежать с помощью \\.

Answer 3

Вы можете использовать \\ http://api.jquery.com/category/selectors/

$('#a\\~b\\~c')

Или, если побег проблематичен, вы можете использовать: http://api.jquery.com/attribute-equals-selector/

$('[id="a~b~c"]')

Fiddle Demo

Answer 4

Экранирующий символ в jQuery - это два обратных слэша, \\, поэтому попробуйте это:

$("#a\\~b\\~c").change(function(){    
    alert('a');
});

Скрипка, чтобы показать, как она работает

Дополнительная информация о селекторах jQuery: http://api.jquery.com/category/selectors/