jquery - 如何根据属性从 jQuery 获取选择器

Question

如果我有这个 HTML:

<a id="test" referenceId="test23" href=''>Test</a>

我想根据 referenceId 属性(而不是 id)获取选择器

我知道我能做到

$('#test'). . ..

但我想了解我是否可以做类似的事情，但使用 referenceId 属性来获取选择器。

Answer 1

不应直接在根文档上搜索属性值，尤其是不要使用非常通用的选择器，因为它非常慢，并且应仅限于特定的父级、特定的标签名称或具有共享 CSS 类。例如，在您的情况下，如果 referenceId 是仅指定给 anchor 元素的属性，则您查询:

$("a[referenceId='someValue']")...

如果您在不同的标记名称上具有此属性，则可以在同一查询中指定公共(public)父级或使用多个选择器等来缩小搜索范围。例如:

$("div#parent [referenceId='someValue']")... // use div#parent as base element
$("a[referenceId='someValue'], span[referenceId='someValue']")... // search A and SPAN tags only
$(".ref[referenceId='someValue']")... // search any element with "ref" CSS class
// etc.

请注意，建议将属性值括在引号中。您可以从 jQuery API docs 阅读有关选择器的更多信息。 .