Php 使用Plus按钮-WordPress向页面区域动态添加新字段

我需要通过单击加号（+）按钮添加新的自定义字段，并在单击减号（-）按钮时删除新生成的自定义字段，如我在此处附加的屏幕截图所示

我需要在可湿性粉剂页后端部分（页/帖子）。有可用的插件吗

append（）方法将指定的内容作为Jquery集合中每个元素的最后一个子元素插入

试试这个：

与.empty（）类似，.remove（）方法从DOM中取出元素。如果要删除元素本身以及其中的所有内容，请使用.remove（）

---

更多信息：

到目前为止，您还没有粘贴任何您尝试过的代码，下面的答案将帮助您获得想法

$('#addfield').click(function () {
    var table = $(this).closest('table');
        table.append('<tr><td>Name <td> <input type="text" id="Name" value="" /> </td></tr>');

});

$('#removefield').click(function () {
    var table = $(this).closest('table');
        table.find('input:text').last().closest('tr').remove();

});

$（'#addfield'）。单击（函数（）{
var table=$（this）.closest（'table'）；
table.append（'Name'）；
});
$（“#removefield”）。单击（函数（）{
var table=$（this）.closest（'table'）；
table.find（'input:text'）.last（）.closest（'tr'）.remove（）；
});

如果您只想在wordpress的后端添加字段和删除字段，那么您可以在设置中添加页面，然后按如下操作：

$（'.multi-field wrapper'）。每个（函数（）{
var$wrapper=$（'.multi-fields'，this）；
$（“.addfield”，$（this））。单击（函数（e）{
$（'.multi-field:first-child'，$wrapper.clone（true）.appendTo（$wrapper.find（'input'）.val（''）.focus（）；
});
$（'.multi-field.remove-field'，$wrapper）。单击（函数（）{
如果（$（'.multi-field'，$wrapper）.length>1）
$（this.parent（'.multi-field'）.remove（）；
});
});
。添加字段{
背景：#3498db；
背景图像：-webkit线性渐变（顶部，#3498db，#2980b9）；
背景图像：-moz线性梯度（顶部，#3498db，#2980b9）；
背景图像：-ms线性梯度（顶部，#3498db，#2980b9）；
背景图像：-o-线性梯度（顶部，#3498db，#2980b9）；
背景图像：线性梯度（至底部，#3498db，#2980b9）；
-webkit边界半径：28；
-莫兹边界半径：28；
边界半径：28px；
字体系列：Arial；
颜色：#ffffff；
字体大小：20px；
填充：10px 20px 10px 20px；
文字装饰：无；
}
.添加字段：悬停{
背景#3cb0fd；
背景图像：-webkit线性渐变（顶部，#3cb0fd，#3498db）；
背景图像：-莫兹线性梯度（顶部，#3cb0fd，#3498db）；
背景图像：-ms线性梯度（顶部，#3cb0fd，#3498db）；
背景图像：-o-线性梯度（顶部，#3cb0fd，#3498db）；
背景图像：线性梯度（至底部，#3cb0fd，#3498db）；
文字装饰：无；
}
.multi-fields、.multi-field{margin top:3%；}
.textbox{
边框：1px实心#8484；
-webkit边界半径：30px；
-moz边界半径：30px；
边界半径：30px；
大纲：0；
高度：25px；
宽度：275px；
左侧填充：10px；
右边填充：10px；
}
.删除字段{
背景：rgb（202，60，60）；/*这是一只褐红色的*/
颜色：白色；
边界半径：4px；
文本阴影：0 1px 1px rgba（0,0,0,0.2）；
}

+        
-
到目前为止您尝试了什么？给我们看一些代码。你试过什么吗？？你有没有用谷歌搜索过它？？？@Rohitara实际上我试过使用ACF插件，但我需要在页面部分添加新选项。我需要获取循环中每个页面下的字段。谢谢你的代码。但是，如何在WordPress后端页面中显示此选项？我需要像一个ACF插件，我们可以从页面本身添加字段，所以每个页面包含不同的自定义字段，然后我可以循环通过它来获得每个页面下的字段值。你在后端添加了任何页面吗？后端有多少页？是自定义的帖子类型吗？是的。我已经添加了很多页面，我的要求是我需要列出每个页面的子部分（标题和内容）。那么它像一个设置页面吗？例如，如果您从设置页面添加一些字段，那么它将反映在您添加的所有页面上？否。对于每个页面，我需要单独的字段。当我们创建页面时，还会显示一个添加新字段的选项。我们可以通过点击一个按钮来添加多个字段。