работа с id в jq

[rus]

из названия мало что понятно, потому как задача с уровнями.

1) уровень: нужно получить значения всех id тегов <a> в списке <ul><li><a>

2) нужно назначить background тегам <a> такой же как его id (так как они совпадают)

3) нужно по клику на тег <a> - что бы его код цвета (он же бэграунд) попал в value инпута.

 

первый пункт вроде как решается так:

$(document).ready(function () {	var arr = new Array();	$(".list ul li").each(function (i) {		arr.push(this.id);	});});

но вот дальше че-то не могу понять как...

[wwt]

Что значит значение id совпадает с background? В качестве id используется имя цвета, класс или ещё что-то?

 

Предположим id это hex код цвета:

$(document).ready(function(){  // Перебираем все 'a' в списке  $('.list li a').each(function(i, el){    // Присваиваем им фон в зависимости от id    $(el).css('background-color', '#' + $(el).attr('id'))    // Вешаем событие на каждый 'a' чтоб при клике на него их id попадал в значение поля myinput    .on('click', function(e){      e.preventDefault();      $('#myinput').val('#' + $(this).attr('id'));      return false;    });  });});

[rus]

да, ты все правильно понял.

вот спасибо хорошо!

[Padonak]

стоит заметить, что такие id прокатят только в хтмл5, ибо 

 

Note: HTML 4.01 has greater restrictions on the content of id values (for example; in HTML 4.01 id values cannot start with a number).

(http://www.w3schools.com/tags/att_global_id.asp)

[wwt]

стоит заметить, что такие id прокатят только в хтмл5, ибо 

 

Note: HTML 4.01 has greater restrictions on the content of id values (for example; in HTML 4.01 id values cannot start with a number).

(http://www.w3schools.com/tags/att_global_id.asp)

Это не важно. Первый символ можно легко сделать _ и проблем не будет. А потом просто откинуть данный символ. Вопрос вообще не в этом был.

[Николя223]

хм... вроде и с решетки можно (возможно). или вообще хранить в data-id

[Padonak]

и как же это я сразу не сообразил... 

[wwt]

хм... вроде и с решетки можно (возможно). или вообще хранить в data-id

ну так да ))) Это издержки производства ))

[Padonak]

как-то тут не очень людно