jQuery 属性选择器属性不等于某个值的

暮雨疏桐

于 2021-10-28 10:52:04 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：选择器文章标签： jquery html 属性选择器

本文链接：https://blog.youkuaiyun.com/moamao_jishuyuan/article/details/121009443

选择器专栏收录该内容

2 篇文章

订阅专栏

这段博客内容涉及到前端页面中对数据的处理，通过JavaScript的jQuery选择器隐藏了data-media属性不以'FB'开头的列表项，实现了特定数据的显示与隐藏控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<ul class="nav" id="asp_list" style="margin-top:-1px;">	
	<li class="" value="FB" data-media="FB"></li>
	<li class="" value="TW" data-media="TW"></li>
	<li class="" value="WX" data-media="WX"></li>
	<li class="" value="WB" data-media="WB"></li>
</ul>
<script>
// 隐藏 data-media 不等于 FB 的
$('#asp_list li[data-media]').not('[data-media^="FB"]').hide();
</script>