jquery - jQuery - 隐藏名称与模式匹配的特定 div（p 后跟一个字符，如 p0、p1、pa、py）

Question

我想隐藏 div 中类名以“p”开头并后跟任何字符的所有元素。

<div id="myDiv">

   <div id="p0"> .... </div>
   <div id="p1"> ..... </div>

   <div id="abc"> .... </div>

</div>

所以我想隐藏'p0'和'p1' div并留下'abc' div。

我正在尝试以下代码

$('#myDiv').find('#p*').hide();

但显然这是错误的。请建议我如何在 jQuery 选择器中使用通配符。

如果需要更多代码，请告诉我。

Answer 1

您可以使用属性开始选择器：

$('div[id^="p"]').hide();

例子在这里

Answer 2

@EmreErkan发布了一个可行的解决方案。但是，我建议更好的方法是向 DIV 添加一个通用类或数据属性，以便您可以更好地选择它们。

例如...

<div id="p0" class="HideMe" data-noshow="true"> .... </div>
<div id="p1" class="HideMe" data-noshow="true"> ..... </div>

你可以像这样隐藏它们：

$(".HideMe").hide();

或者

$("div[data-noshow='true']").hide();