0

Bom sou novo em jQuery e estou com um problema, como eu faço para selecionar o próprio elemento e não oque esta dentro dele, segue código:

$('#add_phone').bind('click', function(){
  var html = '';
  html += $('[camp=phone]').find('input');

  $('#add_phone_div').append(html);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

<div camp="phone">
  <input type="text" name="phone[]" data-inputmask='"mask": "(99) 9 9999-9999"' data-mask>
</div>
<div id="add_phone_div"></div>
<hr/>
<button id="add_phone">ADD CONTATO EXTRA</button>

Oque eu pretendo fazer é pegar o HTML do input copia-lo e colar dentro da div de id="add_phone_div"

2 Respostas 2

2

$('#add_phone').bind('click', function() {
  const $input = $('[camp=phone]').find('input');
  const $clone = $input.clone();

  $('#add_phone_div').append($clone);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

<div camp="phone">
  <input type="text" name="phone[]" data-inputmask='"mask": "(99) 9 9999-9999"' data-mask>
</div>
<div id="add_phone_div"></div>
<hr/>
<button id="add_phone">ADD CONTATO EXTRA</button>

Após obter o input, utilize o método clone() do próprio JQuery para gerar literalmente um clone do elemento em si, restando apenas inserir o elemento clonado como parâmetro do método append.

2
  • 1
    Nossa eu não conhecia o ´clone()´ do jQuery, me ajudou muito, obrigado!
    – Anorak
    Commented 27/06/2019 às 18:02
  • O JQuery possui vários métodos que salvam o nosso código! Dê nada @Anorak! Commented 27/06/2019 às 18:06
0

Voce pode fazer algo desse tipo:

$(function () {
    var clone = $("[name='phone[]']").html();
    $(document).on('click', '#add_phone', addPhone);

    function addPhone() {
        $('#add_phone_div').append(clone);
    }
}
3
  • Caso não funcione, substitua o .append para .html(clone)
    – leozera
    Commented 27/06/2019 às 17:48
  • Usando $("[name='phone[]']").html(); ele não seleciona o elemento.
    – Anorak
    Commented 27/06/2019 às 17:56
  • Bom, tenho uma dúvida, esse seu input será apenas 1, ou você fará outros com o mesmo nome ? Se for apenas 1, voce pode atribuir um id no mesmo e seleciona-lo através do ID. Com isso, ele copia o HTML do mesmo, ou você pode simplesmente clona-lo
    – leozera
    Commented 27/06/2019 às 18:00

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .