jquery HOWTO выберите узел и клонируйте его, затем удалите кнопку, наконец вставьте в другой узел

Question

ниже является частью HTML-кода

<div id="test1"><span><input type='text' name='add'/><input type='text' name='del'/><span></div>

<div id="container"></div>

Я пытался использовать jquery для клонирования # test1 узла и удаления кнопки добавления, а затем добавить результат в #container. Я попытался написать код, как показано ниже, но, похоже, он не работал

$("#test1").clone().remove("input[name='add']").appendTo("#container")

надеюсь, что кто-то может помочь, я заново отредактировал вопрос

Answer 1

$(':button').remove(); или $('input[type="button"]').remove(), вероятно, сделают то, что вы ищете.

Answer 2

Как насчет этого?

var t1 = $("#test1").clone();
$("input[name='add']", t1).remove();
$(t1).appendTo("#container");

Answer 3

Одним из способов является использование replace функции:

var str = html.replace("<input type='text' name='add'/>", "");

Результат:

<div><span><input type='text' name='del'/>

Если у вас болееВ одном из этих примеров вы можете использовать регулярное выражение с модификатором /g:

var str = html.replace(/<input type='text' name='add'\/>/g, "");

Результат:

<div><span><input type='text' name='del'/>