Question

<ul>
 <li text="view">view</li>
 <li text="edit">edit</li>
 <li text="save">save</li>
 <li text="Overview">OverView</li>
 <li text="view">Delete</li>
</ul>

内容是动态的。

我想根据内容隐藏li。单击菜单，此子菜单将显示这些选项。

如果某个特定用户我想隐藏li。

if( user == 'some user' )
    $('.button').on('click',function(){
     $(li).attr(text) == 'edit'  then hide that one.

    })
}

也可能有新内容，怎么可以隐藏，请建议

Answer 1

使用attribute equals selector

$('li[text="edit"]').hide()

Answer 2

您可以使用属性选择器

if( user == 'some user' )
    $('.button').on('click',function(){
         $('li[text="edit"]').hide();
    });
}

Answer 3

如果您想按特定属性隐藏元素，请使用jquery attr selector。对于您的情况，您可以使用$('li[text="+TEXT+"]').hide()，其中TEXT是您的特定文本。

根据属性文本隐藏动态li

3 个答案: