Точка в ключе!

[Awilum]

вот такой у меня html

<input type='text' value='test' id='test.key' />
<input type='text' value='test' id='test.key2' />
<input type='text' value='test' id='test.key3' />
и тд...

и вот сюда надо поместить value из этих полей

<div id="res"></div>

делаю так

jQuery(document).ready(function() {
  jQuery('#res').html(jQuery('#test.key').val());
});

ничего не выбирается. проблема в этом #test.key
а именно в точке . есть ли какие нить варианты решения этой проблемы ?


http://jsbin.com/abiveq/edit#javascript,html,live

[walik]

$('[id="test.key"]')

[B@rmaley.e><e]

$('#test\.key')
$('#test\\.key')

Какой-то из этих способов должен работать.

[Awilum]

как в кавычки поместить переменную ?!

var id = "test.key";

jQuery(document).ready(function() {
  jQuery('#res').html(jQuery('[id="key_ + id"]').val());
});

http://jsbin.com/abiveq/2/edit



решил

var id = "test.key";

jQuery(document).ready(function() {
  jQuery('#res').html(jQuery('[id="key_' + id + '"]').val());
});

[Awilum]

решил

var id = "test.key";

jQuery(document).ready(function() {
  jQuery('#res').html(jQuery('[id="key_' + id + '"]').val());
});

[ваый]

$('[id="test.key"]')

$('#test\.key')
$('#test\\.key')

Бред. Приводятся какие-то нездоровые решения, и хоть бы кто обратил внимание автора, что использовать точку в id нельзя.

[Kolyaj]

Почему нельзя?

[walik]

ваый,

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]),
hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

Ссылка: http://www.w3.org/TR/html401/types.html#type-name

[B@rmaley.e><e]

Бред. Приводятся какие-то нездоровые решения

O RLY?

<div id="id.id"></div>

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>

<script>
$('#id\.id').append('1');
$('#id\\.id').append('2');
document.querySelector('#id\\.id').innerHTML += 3;
</script>

Если заявляете, что что-то является бредом, потрудитесь хотя бы подкрепить свои слова какими-нибудь аргументами.

[Kolyaj]

Есть и посвежее http://dev.w3.org/html5/spec/Overvie...e-id-attribute

The value must be unique amongst all the IDs in the element's home subtree and must contain at least one character. The value must not contain any space characters.