Как собрать данные с инпута и завернуть их в ссылку?

Question

[Stazhor]

Всем привет) вопрос вот в чем: мне нужно собрать данные с инпута и завернуть их в ссылку (потому что ссылка стилизуется в цсс). Как лучше сделать?

$('#check').on('click', function () {
     $(input.value).attr('id','ssilka');
	 $('#ssilka').before("<a id='ssilka' href='#'>input.value</a>");
 });

Answer 1

[Александр Лысенко]

Можно сделать так
вставить ссылку

<input type="text" value="bla bla" name="input" class="input">
<a id='ssilka' href='#'></a>

$('#check').on('click', function () {
     var value = $(".input").value();
  $('#ssilka').append(value);
 });

Answer 2

[Сергей Соколов]

Fiddle

var $in = $('#input')
  , $check = $('#check')
	, $links = $('#links')
;

$check.on('click', function () {
	var val = $in.val();
	$in.val('');
  $links.append(
	  "<a class='link' href='#'>%VALUE%</a>"
		  .replace('%VALUE%', val)
	);
});

То же на чистом JavaScript без jQuery:

spoiler

var els = {
	input: document.getElementById('input'),
	check: document.getElementById('check'),
	links: document.getElementById('links'),
	link: document.createElement('a')
};

els.link.className = 'link';
els.link.href = '#';

els.check.addEventListener('click', function(){
	var a = els.link.cloneNode();
	a.innerText = els.input.value;
	els.input.value = '';
	els.links.appendChild(a);
});

Fiddle

Comments

[Виталий]

ты про textContent не слышал?