¿Cómo puedo modificar el documento HTML dentro de mi div
en jQuery?
Este es mi código:
$(".lastName").click(function() { val = $(".mydiv").clone(); //then before to append the 'val' in result class, i want it first to modify the label text from 'First Name' to 'Last Name' })
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="mydiv"> <label class="label">First Name</label> <input type="text" class="myinput"> </div> <div class="result"></div> <button class="lastName">Last Name</button
Con html() , pero primero obtenga el nodo con .find('.label')
e imprima el resultado $('.result').html(val)
$(".lastName").click(function() { let val = $(".mydiv").clone(); $(val).find('.label').html('Last Name'); //then before to append the 'val' in result class, i want it first to modify the label text from 'First Name' to 'Last Name' $('.result').html(val) })
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <div class="mydiv"> <label class="label">First Name</label> <input type="text" class="myinput"> </div> <div class="result"></div> <button class="lastName">Last Name</button>