jquery - 如何在ID选择器中看到通配符

Question

为了隐藏页面周围的一堆不同的内容，我做...

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

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

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

Answer 1

是的，使用attribute ends with selector：

$('[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"]')