jQuery-如何在我的ID选择器中看到通配符

Question

首先，要在页面周围隐藏一堆不同的内容，我要做的是...

$('#objective_details, #time_estimate_details, #team_members_details, #resources_details').hide();

有没有办法做某种通配符，例如

$('#*_details').hide();

Answer 1

是的，使用以选择符结尾的属性 ：

$('[id$="_details"]')

但是，这比按ID选择要慢得多。

Answer 2

使用CSS类。 对于其中带有“详细信息”的每个标签或元素，应用一个类：

<p class="details"> ... </p>
<div class="details"> ... </div>
<section class="details"> ... </section>

然后做：

$('.details').hide();

Answer 3

$('[id$=_details]').hide();

http://api.jquery.com/attribute-ends-with-selector/

Answer 4

jQuery('div[id$="_details"]'); // faster I suppose // Following also works using "." (-may be as of only jQuery 1.6 +) jQuery('div.[id$="_details"]')