Jquery 如何隐藏没有id或类的附加li元素_Jquery

Jquery 如何隐藏没有id或类的附加li元素

jquery

Jquery 如何隐藏没有id或类的附加li元素,jquery,Jquery,如何隐藏没有id或类的附加li元素这是我的密码 <form action="" method="post" id="blog-node-form"> <ul class="vertical-tabs-list">`enter code here` <li> <a href="#"><strong>Menu settings</strong></a> </li>

如何隐藏没有id或类的附加

li

元素

这是我的密码

<form action="" method="post" id="blog-node-form">
<ul class="vertical-tabs-list">`enter code here`
    <li>
        <a href="#"><strong>Menu settings</strong></a>
    </li>
    <li>
        <a href="#"><strong>URL path settings</strong></a>
    </li>
    <li>
        <a href="#"><strong>Revision information</strong></a>
    </li>
    <li>
        <a href="#"><strong>Authoring information</strong></a>
    </li>
    <li>
        <a href="#"><strong>Publishing options</strong></a>
    </li>
</ul>
</form>

    jQuery("#blog-node-form").on('each','ul.vertical-tabs-list li',function(){
        if(jQuery(this).find('strong:contains("Menu settings")').length>0 || jQuery(this).find('strong:contains("Authoring information")').length>0)
       {
         jQuery("#edit-menu").hide();
         jQuery(this).hide();
       }
    });


`在此处输入代码`











jQuery（#blog节点表单”）.on（'each'，'ul.vertical-tabs-list li'，function（）{
if（jQuery（this）.find（'strong:contains（“菜单设置”））.length>0 | | jQuery（this）.find（'strong:contains（“创作信息”））.length>0）
{
jQuery（“编辑菜单”）.hide（）；
jQuery（this.hide（）；
}
});

在这里，我试图隐藏特定的

li

使用ajax将

ul

附加到我的页面中

$(selector).each(function(index,element))

获取lis的数量，使用索引查找。举个例子：

if(index===5)
    element.hide();

答案是这样的。你只是不需要每次循环

代码

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script>

<form action="" method="post" id="blog-node-form">
    <ul class="vertical-tabs-list"> 
        <li> <a href="#"><strong>Menu settings</strong></a> </li>
        <li> <a href="#"><strong>URL path settings</strong></a> </li> 
        <li> <a href="#"><strong>Revision information</strong></a> </li> 
        <li> <a href="#"><strong>Authoring information</strong></a> </li> 
        <li> <a href="#"><strong>Publishing options</strong></a> </li> 
    </ul> 
</form>

<script>
    jQuery("#blog-node-form ul.vertical-tabs-list li").find('strong:contains("Menu settings")').parent().parent().hide();
    jQuery("#blog-node-form ul.vertical-tabs-list li").find('strong:contains("Authoring information")').parent().parent().hide();
</script>









jQuery（“#blog节点表单ul.vertical-tabs-list li”）.find（'strong:contains（“菜单设置”））.parent（）.parent（）.hide（）；
jQuery（“#blog节点表单ul.vertical-tabs-list li”）.find（'strong:contains（“创作信息”））.parent（）.parent（）.hide（）；

您需要，在代码片段中，我使用

setTimeout

来模拟使用

$.ajax（）

操作动态添加

ul

var MutationObserver=window.MutationObserver | | window.webkit MutationObserver | window.MozMutationObserver；
var list=document.querySelector（“#blog节点表单”）；
var观察者=新的突变观察者（功能（突变）{
突变。forEach（功能（突变）{
if（mutation.type==='childList'）{
jQuery（“#blog节点表单ul.vertical-tabs-list li”）.find（'strong:contains（“菜单设置”））.parent（）.parent（）.hide（）；
jQuery（“#blog节点表单ul.vertical-tabs-list li”）.find（'strong:contains（“创作信息”））.parent（）.parent（）.hide（）；
}
});
});
观察者，观察者{
属性：正确，
儿童名单：是的，
characterData：true
});
setTimeout（函数（）{
var data='\
\
\
\
\
\
'；
jQuery（“#博客节点表单”）.append（数据）
}，5000）

很好地展示你的html代码。你能把它添加到plunker中吗？什么是

。在（'each'，

？@Satpal我认为这是一种尝试，在将来委派寻找那些元素