如何根据特定属性的值获取标记

Question

我的单元格显示<td>个标签 每个单元格都有行号和列号 包含row = 0和col = 0的单元格语法示例：

<td class row="0" col="0">
<span>1</span>
</td>

我想根据特定属性的值来获取标签 例如，我想得到第一个单元格：row = 0和col = 0
我试过了：

$("td").attr("row", 0).attr("col", 0)

但它会覆盖属性的值：

如何根据特定属性的值获取标签？ （我更喜欢使用jQuery）

Answer 1

在vanilla中，您可以将node.querySelector或node.querySelectorAll与selector which matches these attributes一起使用，例如

function getTds(row, col) { // NodeList
    return document.querySelectorAll('td[row="' + row + '"][col="' + col + '"]');
}

然后第4行第0列

var td = getTds(4, 0)[0]; // HTMLTableCellElement or undefined

Answer 2

请参阅上面的评论。但要做你在jQuery中提出的问题，请使用：

$('td[row="0"][col="2"]').html()