Как клонировать html тэг?
Не клонируется Тэг. Использую фукнцию clone Функция, отвечающая за клик по кнопке работает - проверил, но все равно не клонируется тэг В чем дело?
<div id="projDtls" class="container py-3" style="background-color:white;flex-direction: column;
justify-content: center;display:flex; width: 50%;border-radius:10px; border-style: solid; border-color: #6c757d;">
<h3 style="text-align:center;">Генератор HTTP запросов</h3>
<div class="form-group mt-4" style="flex-direction: column;justify-content: center;display:flex; width: 50%;">
<div class="test1">
<span
class="input-group-text"
id="header-input"
th:text="'Введите заголовок (Название - значение)'">
</span>
<br>
<div class="test13">
<input
aria-describedby="inputGroup-sizing-sm"
aria-label="Sizing example input"
class="form-control"
name="HeaderName"
type="text"
value=""
autocomplete="off">
<input
aria-describedby="inputGroup-sizing-sm"
aria-label="Sizing example input"
class="form-control"
name="HeaderData"
type="text"
value=""
autocomplete="off">
</div>
<button id="15"> Добавить заголовок
</button>
<p id="example-1"></p>
<script>
// That instruction says "If you click button with ID 'button-test' run myFunction"
document.getElementById("15").onclick = function () {
myFunction()
};
// That instruction says "Put this text into a paragraph with an ID "example-1"
function myFunction() {
$(".test13").clone().appendTo(".form-group mt-4");
}
</script>
</div>
Ответы (2 шт):
Автор решения: yspesny
→ Ссылка
Вы неправильно перечислили классы в appentTo.
Правильно перечислять их через точку и без пробелов: $(".test13").clone().appendTo(".form-group.mt-4");
Автор решения: Artemka1806
→ Ссылка
- Не путайте Javа и JavaScript, это два разных языка программирования;
- У вас у тега два класса, но вы можете вставлять клонированный тег по названию одного класса:
$(".test13").clone().appendTo(".form-group");