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

Question

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

0

Я хочу 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/>

user2793640 24 окт. 2013, в 19:09

Источник

1

Можем ли мы увидеть некоторый код JQuery, который вы пытались?
Mathew Kurian 24 окт. 2013, в 16:49
1

Это относительно основная проблема. В то время как Рекс действительно предоставил полностью работающее решение, я предлагаю посетить http://learn.jquery.com/, чтобы вы могли на самом деле узнать, почему и как работает его код, а не просто принять то, что он делает.
ssell 24 окт. 2013, в 17:13
0

@ssell Юп ты прав, братан :)
Vinay Pratap Singh 24 окт. 2013, в 18:27

Показать ещё 1 комментарий

Теги:

javascript

jquery

html

click

copy

1 ответ

Ещё вопросы

Можем ли мы увидеть некоторый код JQuery, который вы пытались?
Это относительно основная проблема. В то время как Рекс действительно предоставил полностью работающее решение, я предлагаю посетить http://learn.jquery.com/, чтобы вы могли на самом деле узнать, почему и как работает его код, а не просто принять то, что он делает.

Vinay Pratap Singh · Answer 1 · 2013-10-24T15-26-00.000Z

Иметь это.

$('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);
})

Демо-версия