从列表菜单中修改URL参数

Question

我想修改导航菜单中的url参数 例如：

<ul>
    <li><a href="example.com/int/eng/custom-page-1"></li>
    <li><a href="example.com/ch/ger/custom-page-2"></li>
    <li><a href="example.com/int/eng/custom-page-3"></li>
</ul>

进入这个：

<ul>
    <li><a href="example.com/int/eng/custom-page-1"></li>
    <li><a href="example.com/custom-page-2"></li>
    <li><a href="example.com/custom-page-3"></li>
</ul>

我想从第二个链接开始“删除”两个参数/ xxx / xxx /（最多三个字符） 自定义页面意味着名称不是静态的，可以命名为所有内容......

Answer 1

你可以这样做

$('ul li:not(:first-child)').each(function () {
    $(this).find('a').attr('href', function (_, href) {
        return href.replace(/\/.+\//, "/");
    });
});

DEMO

Answer 2

检查此解决方案

$("ul li:nth-child(2)").attr("href","example.com/custom-page-2");
$("ul li:nth-child(3)").attr("href","example.com/custom-page-3");