JQuery - Нажмите, чтобы скопировать родительский элемент в текстовое поле

Question

Я хочу 4 кнопки рядом с каждым URL-адресом, вы можете нажать кнопку, чтобы скопировать родительский URL-адрес на соответствующие текстовое поле.

Я предполагаю, что это проще всего сделать с помощью jquery, но я не знаю, с чего начать. Любые советы будут высоко ценится!

http://jsfiddle.net/WwdMw/

<div class="selection"> 
    <div class"url"> 
    <h2>example1.com</h2> 
    </div> 
    <button type="button" class="btn_opt1">Copy to Option1</button> 
    <button type="button" class="btn_opt2">Copy to Option2</button> 
    <button type="button" class="btn_opt3">Copy to Option3</button> 
    <button type="button" class="btn_opt4">Copy to Option4</button> 
</div> 
<hr/> 
<div class="selection"> 
    <div class"url"> 
    <h2>example3.com</h2> 
    </div> 
    <button type="button" class="btn_opt1">Copy to Option1</button> 
    <button type="button" class="btn_opt2">Copy to Option2</button> 
    <button type="button" class="btn_opt3">Copy to Option3</button> 
    <button type="button" class="btn_opt4">Copy to Option4</button> 
</div> 
<hr/> 

<div class="selection"> 
    <div class"url"> 
    <h2>example2.com</h2> 
    </div> 
    <button type="button" class="btn_opt1">Copy to Option1</button> 
    <button type="button" class="btn_opt2">Copy to Option2</button> 
    <button type="button" class="btn_opt3">Copy to Option3</button> 
    <button type="button" class="btn_opt4">Copy to Option4</button> 
</div> 

<hr/> 

Answer 1

есть.

$('button').click(function() { 
    var value = $(this).parent().find('h2').text(); 
    var idIdentifier = $(this).text().substr($(this).text().length - 1); 
    var textArea = $('div[class*='+idIdentifier+']').find('textarea'); 
    textArea.val(textArea.val() +" "+ value); 
}) 

Live Demo