jQuery 查找仅具有部分引用 ID 的控件

Question

是否可以在网络表单上搜索控件，您只想在其中匹配“任何内容”作为其一部分，即:

我在页面上有各种按钮 - 采用 id 格式:ID#(id1)#(id2)#(date) - 例如:

ID-8258-3103-2011-12-18
ID-8258-3104-2011-12-18
ID-8258-3105-2011-12-18

我想在查询字符串中传递 (id1) 和 (date)，然后让 jQuery 搜索页面上第一个与 (id1) 和 (date) 以及 any (id2) - 例如，我传递 8252 和 2011-12-18 - 那么我如何从 jQuery 找到上面的第一个控件？

$("#ID-8252-????????-2011-12-18")

Answer 1

您可以组合多个属性选择器，而不是使用#id选择器，它会过滤id属性(一个用于id的开头，一个用于结尾):

$('[id^="ID-8258"][id$="2011-12-18"]').addClass('found');

要仅选择第一个匹配项，请使用 :first 选择器(与 :first-child 选择器不同!)

$('[id^="ID-8258"][id$="2011-12-18"]:first').addClass('found');

参见http://api.jquery.com/category/selectors/供引用。

示例:

http://jsfiddle.net/wbLZ8/3/

如果您想在纯 CSS 中使用这些选择器，似乎甚至可以在 IE7 中使用它们。