Как найти каждый идентификатор в инпуте и вставить его после класса?

Question

[Олег Галимов]

Доброе время суток.
Как найти каждый идентификатор в инпуте и вставить его после класса?

<div class="table_cell-1">
<input id="11"/>
</div>
<div class="table_cell-1">
<input id="12"/>
</div>
<div class="table_cell-1">
<input id="15"/>
</div>

$( ".table_cell-1 input ").each( function( index, element) {
    console.log( "id:", $( element).attr( "id"));
});
$('.table_cell-1').prepend('<div // Как дальше писать?

не судите меня строго. скорее всего я неверно написал.
Пожалуйста помогите!

Comments

[dummyman]

Судить строго не будут, но из ваших слов не понять что должны получить в итоге. С входными данными расписали все четко. Вам нужна надпись перед каждым input?

[Олег Галимов]

Мне нужно в итоге получить

<div class="table_cell-1">
<div id="11">
<input id="11"/>
</div>
</div>

спасибо за ответ!

[Александр]

Олег Галимов: ну тогда вам требуется моё решение, только вместо '<div>'+$(element).attr( "id")+'</div>'
использовать:
'<div id='+$(element).attr( "id")+'></div>'

[Олег Галимов]

Александр:
А можно id привязать к переменной, чтоб потом вызвать по действию клика?

[Александр]

Олег Галимов: можно все id запихивать в массив и потом последовательно вызывать или вызывать только нужную.
К примеру

var ids=[];
$( ".table_cell-1 input ").each( function( index, element) {
ids.push($(element).attr( "id"));
});

И делайте потом с массивом ids что хотите.

[Олег Галимов]

Александр:
а как сделать чтобы вывод id был в другом классе на пример в class=resp
Я пробовал так не работает

$( ".table_cell-1").each( function( index, element) {
    var id = $(this).find('input').attr( "id");
    $('.resp').html{$(this).addClass(id)};
});

[Александр]

Олег Галимов: Смотря что вы хотите и сколько у вас элементов с классом resp к примеру:

$( ".table_cell-1").each( function( index, element) {
    var id = $(this).find('input').attr( "id");
    $('.resp').addClass(id);
});

В каждый элемент с классом resp допишется еще классами же id т.е. 11 12 15. Если вы более конкретно опишете задачу смогу помочь более правильно.

[Олег Галимов]

Александр:
есть скрипт код по поиску доменов на занятость здесь
я хочу каждой ячейке домена присвоить свой id.
потом на этот id если свободен, на вес блок прицепить ссылку купить домен.
если этого не делать то, а просто на один и тот же класс вешать то, открываются много новых окон в браузерах yandex, Mozilla Firefox, а в google chrom открывается нормально, одно новое окно.
Да, сейчас работает открывает только по кнопке, но я хочу сделать по блоку.
Это возможно сделать или нет?

[Александр]

А сразу проверку и прицепить ссылку нельзя? в момент проверки просто .append('') и все не?

[Олег Галимов]

Александр:
Я делал так

$('.free_domain').css('cursor','pointer');
			$('.free_domain').on('click', function(){
				const a = $(this).find('a[href^="http://panel.webvm.ru/OFFERTA/offerta_add_select_type.khtml"]');
				const href = a.attr('href');
				window.open(href);
			});

За этого открывались много новых окон в браузерах, в прицепе это логично.

[Олег Галимов]

Александр:

в момент проверки просто .append('')

я только учусь, вы по поподробнее напишите ?

Answer 1

[IceJOKER]

$( ".table_cell-1 input ").each( function( index, element) {
  var el = $(element);
  el.addClass(el.attr('id'));
});

Answer 2

[Александр]

Если я правильно понял

$( ".table_cell-1 input ").each( function( index, element) {
 $(this).parent().prepend('<div>'+$(element).attr( "id")+'</div>');
});

Comments

[Олег Галимов]

Мне нужно в итоге получить

<div class="table_cell-1">
<div id="11">
<input id="11"/>
</div>
</div>

спасибо за ответ!

[Олег Галимов]

Доброе время суток.
Подскажите как в классе сделать новый блок с разными id
делаю так не выходит

<code lang="javascript">
	$('.free_domain').each(function(i, el){
		$('.free_domain').append('<div>'+$(el).attr('id', 'domm' + (i+1) )+'</div>');
	});
</code>

Answer 3

[Алексей Скляров]

Например так:

$( ".table_cell-1").each( function( index, element) {
		var id = $(this).find('input').attr( "id");
    $(this).addClass(id);
});