在子目录ul列表中显示父链接

时间:2019-05-11 10:57:51

标签: javascript

我制作了菜单-用作选项卡的wordpress页面(父/子)。因此,当我单击父ul li.page_item_has_children时,我得到> ul.children已打开,并且工作正常。

由于我的父页面无法访问,我需要解决办法才能将该链接显示在子菜单中

<ul>
    <li class="page_item_has_children"> <a>Parent 1</a>
         <ul class="children">
              <!- I need Parent 1 to be displayed as link here ->
              <li> Children 1 </li>
              <li> Children 2 </li>
         </ul>
    </li>
    <li class="page_item_has_children"> <a>Parent 2</a>
</ul>

希望有人帮助:) 谢谢!

1 个答案:

答案 0 :(得分:0)

您可以通过执行以下命令将父锚标签添加到其子标签中:

$(function() {
    $('.page_item_has_children').each(function() {
        var $parent = $(this);
        var $anchor = $parent.children('a');
        var href = $anchor.attr('href');
        var text = $anchor.text().trim();

        $parent.find('.children').prepend('<li><a href="' + href + '">' + text + '</a></li>');
    });
});