Javascript 如果没有插件，如何复制WordPress菜单？

出于许多原因，在多个站点上安装一个插件只是为了复制内容并不总是理想的。对于页面/帖子来说，抓取帖子内容并复制+粘贴非常容易（即使使用页面生成器，内容也可以在底层文本区域中使用）。另一方面，菜单是一种痛苦。你复制菜单的goto方法是什么？

这就是我今天想出的方法，解决了通过JavaScript/不使用插件复制WordPress菜单的问题

首先导航到要复制的菜单，并将其粘贴到控制台中

var items = jQuery('#menu-to-edit li');
var json = [];

jQuery.each(items, function(i, item) {
    item = jQuery(item);
    var title = item.find('.edit-menu-item-title').val();
    var url = item.find('.edit-menu-item-url').val();
    var classes = item.find('.edit-menu-item-classes').val();
    var description = item.find('.edit-menu-item-description').val();

    var menuitem = {"title" : title, "url" : url, "classes" : classes, "description" : description};
    json.push(menuitem);
});
JSON.stringify(json);

复制该输出并导航到新菜单-将内容粘贴到下面的parse语句中：

var json = JSON.parse('PASTED DATA HERE');

function addItem(item)
{
    jQuery('#custom-menu-item-url').val(item.url);
    if (item.url == "")
    {
        item.url = "#";
    }
    jQuery('#custom-menu-item-name').val(item.title);
    jQuery('#submit-customlinkdiv').click();
}

然后简单地将元素移出json元素并放入addItem函数

addItem(json.shift());

冲洗并重复，直到添加物品

这方面有很大的优化空间，例如，它可以添加类/描述，以正确的深度重新排列菜单项，添加扩展属性或监视“添加菜单项”窗体，并自动为您添加下一项，这可能会成为一个方便的书签，用来回击那些像复制简单菜单那样的一次性插件