Jquery - 單擊以將父元素複製到文本字段

我希望每個URL旁邊有4個按鈕，然後可以單擊按鈕將父url複製到按鈕各自的文本字段。Jquery - 單擊以將父元素複製到文本字段

我認爲最簡單的做法是使用jquery，但我不知道從哪裏開始。任何意見將不勝感激！

<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/>

來源

2013-10-24 user2793640

我們可以看到，你嘗試一些jQuery代碼？ – bluejamesbond

這是一個比較基本的問題。雖然雷克斯提供了一個完全可行的解決方案，但我建議訪問[http://learn.jquery.com/]（http://learn.jquery.com/），以便實際瞭解_why_和_how_他的代碼的工作原理，而不僅僅是接受它。 – ssell

@ssell Yups你是對的兄弟:) – Rex

擁有它。

$('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

來源

2013-10-24 17:10:13 Rex

Jquery - 單擊以將父元素複製到文本字段

回答

相關問題