我如何使用 jquery 通过与类不同的属性来查找项目？ [复制]

Posted 2023-03-05

【中文标题】我如何使用 jquery 通过与类不同的属性来查找项目？ [复制]

【英文标题】：How can i use jquery to find an item by a different attribute than class? [duplicate]

【发布时间】：2014-05-14 08:53:02

【问题描述】：

我在一个页面上有以下 html：

<span class="descriptionLink" projectid="14180">
            Some text
</span>

<span class="descriptionLink" projectid="14181">
            Some text
</span>

<span class="descriptionLink" projectid="14182">
            Some text
</span>

<span class="descriptionLink" projectid="14182">
            Some text
</span>

我想用 projectid = 14182 抓取项目。获取这组元素的正确 jquery 语法是什么？

【问题讨论】：

使用标准属性选择器：$("[projectid='14182']");

我认为***.com/questions/4146502/… 是一个更好的副本，搜索会找到很多答案。此外，要成为有效的 HTML，您应该改用 data-projectid。

【参考方案1】：

看到projectid 是一个无效的元素属性，我想说没有正确的选择方法。在 HTML5 中使用

会更好

<span class="descriptionLink" data-projectid="14182"> 

并选择关闭$('[data-projectid="14182"]')

或者，或者，使用类：

<span class="descriptionLink projectid-14182">

像这样选择：

var project_id_to_find = 14182;
$(".projectid-" + project_id_to_find);

【讨论】：

当你说它是一个“无效元素”时，它似乎适用于我尝试过的所有浏览器，那么它有什么“错误”？

浏览器倾向于宽容。在 XML 中，您可以定义自己的所有属性，但 HTML 的方式并不完全相同。这是关于跨度的 w3.org 页面：w3.org/TR/html-markup/span.html，这是 的有效属性列表：w3.org/TR/html-markup/global-attributes.html。尽管浏览器似乎支持它，但它的行为基本上是未定义的。

【参考方案2】：

您可以使用属性选择器：

$('span[projectid=14182]')