使用jquery动态删除html元素

时间:2015-02-06 07:31:03

标签: jquery html

我正在尝试动态删除html元素。在图片中我创建了一个提交按钮,其id为va。当我从下拉列表中选择按钮并将va放入id并点击删除它应该删除该元素。 动态元素将在registrationform div中创建。

enter image description here

$("#remove").click(function(){
                var elementtocreate = $("#elementtocreate").val();
                var id = $("#id").val();
                console.log("Name : "+elementtocreate+"ID: "+id);

                $("#"+id).remove();


            });

1 个答案:

答案 0 :(得分:0)

不确定,为什么它不适合你,请查看这个小提琴:http://jsfiddle.net/ozt4khmo/

(HTML)     

<input type="text" name="elemId" id="elemId" placeholder="Element ID to be removed"/>
<button id="remove">Remove</button>

(JavaScript的)

$('#remove').click(function() {
    var id = '#' + $('#elemId').val();
    $(id).remove();
});