单击动态创建的链接时，删除div [英] Remove div on the click of a link that was created dynamically

问题描述

我有以下代码，当单击复选框时，它将创建一个包含一些信息的div.但是，在该div中，我添加了一个锚标记来删除div本身.

I have the following code, when a checkbox is clicked it creates a div with some info. However in that div I added an anchor tag to remove the div itself.

但是，由于div是动态生成的，因此我不确定如何删除链接点击上的div.

However, I am not sure how to remove the div on the link click because the div is dynamically generated.

//Add selected job in the results div
function AddSelectedJob(id, display) {
    //create a div for every selected job
    $("[id$=ResultsDiv]").append('<div class="selectedjobs" id=' + id + '>' + display + '<a href="#">Remove selected job</a></div>');
}

推荐答案

使用此代码:-

///在结果div中添加所选作业

//Add selected job in the results div

function AddSelectedJob(id, display) {
    //create a div for every selected job
    $("[id$=ResultsDiv]").append('<div class="selectedjobs" id=' + id + '>' + display + '<a href="javascript:;" onclick="removeSelectedJob(this)">Remove selected job</a></div>');
}

function removeSelectedJob(el){
    $(el).parent().remove();
}

这篇关于单击动态创建的链接时，删除div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！