0

Есть такая строка

<p id="input-desc"><input type="text" name="var_desc[]" placeholder="Название параметра" required></p>

И есть кнопка для её клонирования, которая выполняет функцию

function clone_input(target)
{
        $(target).clone().insertAfter(target);
}

но она вставляет новый элемент после первого input-desc, как сделать, чтоб новый элемент добавлялся в конце? И ещё чтоб в новой строке обнулялось значение value

3
  • добавлялся в конце (в конец) чего?
    – Kirill
    12 июл 2020 в 20:52
  • ниже input-desc, а потом новый элемент ниже только что добавленного элемента и т.д.
    – lar1ch
    12 июл 2020 в 20:56
  • как вызывается эта функция clone_input? Что передается в качестве параметра?
    – Grundy
    13 июл 2020 в 11:37

1 ответ 1

1

вообще, на мой взгляд, плохая идея плодить элементы с одинаковым id. я бы заменил id="input-desc" на class="input-desc" и если тебе нужно, что бы новый элемент всегда вставлялся после последнего такого же то $(target).clone().insertAfter(".input-desc:last");

если тебе нужно что бы функция оперировала именно target, то можно идти другим путем вызывать ее как: clone_input('.input-desc:last') тогда твою функцию можно оставить без изменений, а если нужно, что бы еще и значение в поле для ввода очищалось, тогда так: $(target).clone().insertAfter($(target)).find("input").val("");

8
  • А в insertAfter() можно выразить .input-desc:last через target?
    – lar1ch
    12 июл 2020 в 22:58
  • тут сложно сказать, ты же не показал как у тебя идет вызов функции и что именно будет в target. В общем случае, наверное, нет. Надо знать, что именно является target, если это p, тогда сработает target.parent().find(".input-desc:last"), если это input, тогда нужно будет target.parent().parent().find(".input-desc:last") 12 июл 2020 в 23:24
  • У меня изначально она вызывалась так clone_input('#input-desc');, но так как вы посоветовали изменить id на class, то теперь будет clone_input('.input-desc');. И как еще можно сделать, чтоб value input клонированного элемента было пустым?
    – lar1ch
    13 июл 2020 в 4:59
  • подправил ответ 13 июл 2020 в 8:05
  • 1
    @AndreyMaslov, есть разница - в первом случае будет происходить выборка, зависящая от селектора, во втором - есть конкретный элемент после которого произойдет вставка
    – Grundy
    13 июл 2020 в 16:44

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.