Php TypeError:无法读取属性'；nodeName'；选项卡上未定义的

我正在尝试使用下拉菜单显示选项卡。选项卡工作正常，但错误仍然存在，当我在下拉菜单中选择选项卡菜单时，它不会关闭下拉菜单，但它会显示相应的选项卡，并显示错误

<div class="dropdown">
    <button class="btn dropdown-toggle dropdown-tabs" style="background-color: #fdcd3d; color: #000;" type="button" data-toggle="dropdown">Achievers
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" id="myTab" role="tablist">
        <li id="#achiever" name="Achievers">
            <a class="dropdown-link" name="#achiever" data-toggle="tab" href="#achiever" role="tab" aria-controls="home" aria-expanded="true">Achievers</a>
        </li>
        <li id="#articles" name="Articles">
            <a class="dropdown-link" name="#articles" data-toggle="tab" href="#articles" role="tab" aria-controls="profile">Articles</a>
        </li>
        <li id="#bulletins" name="Bulletins">
            <a class="dropdown-link" data-toggle="tab" role="tab" aria-controls="profile">Bulletins</a>
        </li> 
        <li id="#events" name="Events">
            <a class="dropdown-link" data-toggle="tab" href="#events" role="tab" aria-controls="profile">Events</a>
        </li>             
        <li id="#jobs" name="Jobs">
            <a class="dropdown-link" data-toggle="tab" href="#jobs" role="tab" aria-controls="profile">Jobs</a>
        </li>                 

    </ul>
</div>

---

id必须以

a-z

或

a-z

开头，不能以

#

开头

然后在

$（'a[href=“”+id+“]”）选项卡（'show'），则需要更改为
$（'a[href=“#”+id+'”）.tab（'show'）


$（文档）.ready（函数（）{
$（'.下拉菜单>a'）。单击（函数（e）{
var text=$（this.text（）；
$（'.dropdown toggle'）.text（text）；
$（this.tab（'show'）；
$（此）.removeClass（“活动”）；
});
});

公告
公告
事件
工作
这是我做的第一件事。但是它也给出了同样的错误，所以我在元素的id中放了“#”，然后选项卡开始showing@Dn6Dn这就是你想要的吗？长官我注意到你在用Bootstrap3。我使用的是bootstrap 4，因此代码不起作用，仍然返回相同的错误我会更新我的问题抱歉忘记包含bootstrap版本和所需的下拉列表popper.jsI是指我当前的代码显示了正确的选项卡，但错误仍然显示up@Dn6Dn试试这个。这是引导程序4。
$(document).ready(function(){

    $('.dropdown-menu > li > a').click(function(e){
        var id = $(this).parent().attr('id');
        var text = $(this).parent().attr('name');
        // var tab = $('.tab-pane').attr('id');
        e.preventDefault();
        $('.dropdown-tabs').text(text);

        if(id != null){
            $('a[href="' + id + '"]').tab('show');
        }

    });

});