使用其ID动态显示/隐藏潜水

Question

我有一个PHP页面，其中有一个链接Add Form.onclick，此链接将添加一个带有删除表单按钮的新表单。现在我想为每个新表单包装分配唯一的ID，并在此基础上将从页面中删除该表单。

JS代码：-

function addLinkFrom() 
{
var div = document.createElement('div');
div.className = 'linkform';
div.innerHTML = '<label class="linklabel">Add Link: </label><input type="text" id="txtaddlink" name="txtaddlink[]" class="expfield" placeholder="Enter Link"/>\
    <div class="clearboth"></div>\
    <input type="button" class="btn linkpad btn-primary" value="Remove" onclick="removeLinkForm(this)">\
    <div class="line"></div>';
    document.getElementById('addlinkform').appendChild(div);
}

function removeLinkForm(input) 
{
 alert("Remove Link");      
 document.getElementById('addlinkform').removeChild( input.parentNode );
}

HTML代码：

<a onClick="return addLinkFrom();">Add Link</a>

现在，当我单击添加链接时，如何确定包装的新ID。如果您有任何解决方案，请与我分享。

Answer 1

您可以使用运行顺序。 只需添加一个var suffix = 0; 函数之前，然后将其附加到包装ID的通用前缀。