Javascript 显示具有锚定链接且具有数据属性名称“的li”；“数据链”；与指定文本匹配的_Javascript_Jquery

Javascript 显示具有锚定链接且具有数据属性名称“的li”；“数据链”；与指定文本匹配的

javascript jquery

Javascript 显示具有锚定链接且具有数据属性名称“的li”；“数据链”；与指定文本匹配的,javascript,jquery,Javascript,Jquery,根据我下面的代码片段，首先，如果我单击了标签为“选择分支”的下拉列表中的任何分支，那么它将从单击的分支（锚链接，例如Iligan）获取文本，然后从标签为“选择用户”的下拉列表中隐藏所有li然后显示所有具有名为“数据链接”的数据属性链接的li及其在“选择分支”下拉列表文本上的内容匹配当前单击的链接但不幸不起作用，我可以隐藏所有li，但无法显示具有名为“数据链接”的数据属性锚定链接的li哪个数据链接内容与“选择分支”下拉列表中当前单击的链接的文本相匹配。任何帮助、建议、线索、建议、想法都将不胜感激。

根据我下面的代码片段，首先，如果我单击了标签为“选择分支”的下拉列表中的任何分支，那么它将从单击的分支（锚链接，例如Iligan）获取文本，然后从标签为“选择用户”的下拉列表中隐藏所有li然后显示所有具有名为“数据链接”的数据属性链接的li及其在“选择分支”下拉列表文本上的内容匹配当前单击的链接但不幸不起作用，我可以隐藏所有li，但无法显示具有名为“数据链接”的数据属性锚定链接的li哪个数据链接内容与“选择分支”下拉列表中当前单击的链接的文本相匹配。任何帮助、建议、线索、建议、想法都将不胜感激。谢谢大家!

//用户更改传递给用户管理
$（“.uu.uu_dp a”）。单击（函数（e）{
$（this.parents（“.uu”）.find（“.unregistered_user”）.text（“user:”+$（this.text（））；
$（this.parents（“.uu”）.find（“.unregistered_user”）.attr（“数据链接”），$（this.attr（“数据链接”）；
bbr=$（this）.parents（“.uc_header”）.next（）.find（“.uu_cp_form fieldset”）；
$（this）.parents（“.daselect”）.next（）.find（“form”）.slideDown（）；
e、 预防默认值（）；
});
//u.用户管理处
$（“.ub.ub_dp a”）。单击（函数（e）{
$（this.parents（“.ub”）.find（“.u_分支”）.text（“分支：”+$（this.text（））；
$（this.parents（“.ub”）.find（“.u_branch”）.attr（“数据链接”），$（this.attr（“数据链接”）；
$（this.parents（“.daselect”）.find（“.uu.uu_dp li”）.hide（）；
（this）.parents（“.daselect”）.find（'.uu.uu_dp li a[data link=“Iligan]”）.show；
e、 预防默认值（）；
});

选择分支
切换下拉列表





选择用户
切换下拉列表








我发现了一些问题，请仔细阅读评论：
<html>
<head>
    <title>My title</title>
    <meta http-equiv="refresh" content="45;URL=http://otherpage.com.br">
</head>
<body>

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
    <div class="extend clear daselect">
        <div class="btn-group ub align_left margin_right5px">
            <button type="button" class="btn btn-default u_branch" data-toggle="dropdown">Select branch</button>
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                <span class="caret"></span>
                <span class="sr-only">Toggle Dropdown</span>
            </button>

            <ul class="ub_dp dropdown-menu" role="menu">
                <li><a href="#" data-identity="cp">Iligan</a></li>
                <li><a href="#" data-identity="cp">Corporate</a></li>
                <li><a href="#" data-identity="cp">Initao</a></li>
            </ul>
        </div>
        <div class="btn-group uu align_left">
            <button type="button" class="btn btn-default unregistered_user" data-toggle="dropdown">Select User</button>
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                <span class="caret"></span>
                <span class="sr-only">Toggle Dropdown</span>
            </button>

            <ul class="uu_dp dropdown-menu" role="menu" style="height: 300px;">
                <li><a href="#" data-id="1" data-link="Iligan">User 1 of Iligan</a></li>
                <li><a href="#" data-id="2" data-link="Iligan">User 2 of Iligan</a></li>
                <li><a href="#" data-id="3" data-link="Iligan">User 3 of Iligan</a></li>
                <li><a href="#" data-id="4" data-link="Corporate">User 1 of Corporate</a></li>
                <li><a href="#" data-id="5" data-link="Corporate">User 2 of Corporate</a></li>
                <li><a href="#" data-id="6" data-link="Initao">User 1 of Initao</a></li>
            </ul>
        </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script>
        $(".uu .uu_dp a").click(function(e){
            $(this).parents(".uu").find(".unregistered_user").text("User: " + $(this).text());
            $(this).parents(".uu").find(".unregistered_user").attr("data-link", $(this).attr("data-link"));
            bbr = $(this).parents(".uc_header").next().find(".uu_cp_form fieldset");
            $(this).parents(".daselect").next().find("form").slideDown();
            e.preventDefault();
        });
        //u branch on user management
        $(".ub .ub_dp a").click(function(e){
            $(this).parents(".ub").find(".u_branch").text("Branch: " + $(this).text());
            $(this).parents(".ub").find(".u_branch").attr("data-link", $(this).attr("data-link"));
            //$(this).attr("data-link") will return undefined as clicked element does not have "data-link" attribute
            $(this).parents(".daselect").find(".uu .uu_dp li").hide();
            $(this).parents(".daselect").find('.uu .uu_dp li a[data-link="Iligan"]').show();
            //a[data-link="This selector needs to be dynamic"]
            e.preventDefault();
        });
    </script>
</body>
</html>


我的头衔
选择分支
切换下拉列表





选择用户
切换下拉列表








$（“.uu.uu_dp a”）。单击（函数（e）{
$（this.parents（“.uu”）.find（“.unregistered_user”）.text（“user:”+$（this.text（））；
$（this.parents（“.uu”）.find（“.unregistered_user”）.attr（“数据链接”），$（this.attr（“数据链接”）；
bbr=$（this）.parents（“.uc_header”）.next（）.find（“.uu_cp_form fieldset”）；
$（this）.parents（“.daselect”）.next（）.find（“form”）.slideDown（）；
e、 预防默认值（）；
});
//u.用户管理处
$（“.ub.ub_dp a”）。单击（函数（e）{
$（this.parents（“.ub”）.find（“.u_分支”）.text（“分支：”+$（this.text（））；
$（this.parents（“.ub”）.find（“.u_branch”）.attr（“数据链接”），$（this.attr（“数据链接”）；
//$（this）.attr（“数据链接”）将返回未定义，因为单击的元素没有“数据链接”属性
$（this.parents（“.daselect”）.find（“.uu.uu_dp li”）.hide（）；
$（this）.parents（“.daselect”）.find（'.uu.uu_dp li a[data link=“Iligan]”）.show（）；
//a[data link=“此选择器需要是动态的”]
e、 预防默认值（）；
});
我发现了一些问题，请仔细阅读评论：
<html>
<head>
    <title>My title</title>
    <meta http-equiv="refresh" content="45;URL=http://otherpage.com.br">
</head>
<body>

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
    <div class="extend clear daselect">
        <div class="btn-group ub align_left margin_right5px">
            <button type="button" class="btn btn-default u_branch" data-toggle="dropdown">Select branch</button>
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                <span class="caret"></span>
                <span class="sr-only">Toggle Dropdown</span>
            </button>

            <ul class="ub_dp dropdown-menu" role="menu">
                <li><a href="#" data-identity="cp">Iligan</a></li>
                <li><a href="#" data-identity="cp">Corporate</a></li>
                <li><a href="#" data-identity="cp">Initao</a></li>
            </ul>
        </div>
        <div class="btn-group uu align_left">
            <button type="button" class="btn btn-default unregistered_user" data-toggle="dropdown">Select User</button>
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                <span class="caret"></span>
                <span class="sr-only">Toggle Dropdown</span>
            </button>

            <ul class="uu_dp dropdown-menu" role="menu" style="height: 300px;">
                <li><a href="#" data-id="1" data-link="Iligan">User 1 of Iligan</a></li>
                <li><a href="#" data-id="2" data-link="Iligan">User 2 of Iligan</a></li>
                <li><a href="#" data-id="3" data-link="Iligan">User 3 of Iligan</a></li>
                <li><a href="#" data-id="4" data-link="Corporate">User 1 of Corporate</a></li>
                <li><a href="#" data-id="5" data-link="Corporate">User 2 of Corporate</a></li>
                <li><a href="#" data-id="6" data-link="Initao">User 1 of Initao</a></li>
            </ul>
        </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script>
        $(".uu .uu_dp a").click(function(e){
            $(this).parents(".uu").find(".unregistered_user").text("User: " + $(this).text());
            $(this).parents(".uu").find(".unregistered_user").attr("data-link", $(this).attr("data-link"));
            bbr = $(this).parents(".uc_header").next().find(".uu_cp_form fieldset");
            $(this).parents(".daselect").next().find("form").slideDown();
            e.preventDefault();
        });
        //u branch on user management
        $(".ub .ub_dp a").click(function(e){
            $(this).parents(".ub").find(".u_branch").text("Branch: " + $(this).text());
            $(this).parents(".ub").find(".u_branch").attr("data-link", $(this).attr("data-link"));
            //$(this).attr("data-link") will return undefined as clicked element does not have "data-link" attribute
            $(this).parents(".daselect").find(".uu .uu_dp li").hide();
            $(this).parents(".daselect").find('.uu .uu_dp li a[data-link="Iligan"]').show();
            //a[data-link="This selector needs to be dynamic"]
            e.preventDefault();
        });
    </script>
</body>
</html>


我的头衔
选择分支
切换下拉列表





选择用户
切换下拉列表








$（“.uu.uu_dp a”）。单击（函数（e）{
$（this.parents（“.uu”）.find（“.unregistered_user”）.text（“user:”+$（this.text（））；
$（this.parents（“.uu”）.find（“.unregistered_user”）.attr（“数据链接”），$（this.attr（“数据链接”）；
bbr=$（this）.parents（“.uc_header”）.next（）.find（“.uu_cp_form fieldset”）；
$（this）.parents（“.daselect”）.next（）.find（“form”）.slideDown（）；
e、 预防默认值（）；
});
//u.用户管理处
$（“.ub.ub_dp a”）。单击（函数（e）{
$（this.parents（“.ub”）.find（“.u_分支”）.text（“分支：”+$（this.text（））；
$（this）.parents（“.ub”）.find（“.u_分支”）.attr（“
$(this).parents(".ub").find(".u_branch").text("Branch: " + $(this).text());
$(this).parents(".ub").find(".u_branch").attr("data-link", $(this).attr("data-link"));

$(".ub .ub_dp a").click(function(e){
    $(this).parents(".ub").find(".u_branch").text("Branch: " + $(this).text());
    $(this).parents(".ub").find(".u_branch").attr("data-link", $(this).attr("data-link"));
    $(this).parents(".daselect").find(".uu .uu_dp li").hide();
    $(this).parents(".daselect").find('.uu .uu_dp li[data-link="' + $(this).text() + '"]').show();
    e.preventDefault();
});