Как получить <td> теги по значению конкретного атрибута

Question

У меня есть ячейки, представленные <td> тегами.
Каждая ячейка имеет номер строки и столбца.
Пример синтаксиса ячейки с row = 0 и col = 0:

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

Я хочу получить теги в соответствии со значением конкретного атрибута.
Например, я хочу, чтобы получить первую ячейку, которая имеет: строка = 0 и Col = 0
Я пробовал:

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

но его перезаписать значения атрибутов:

Как я могу получить теги в соответствии со значением конкретного атрибута? (Я предпочитаю с JQuery)

Answer 1

Смотрите мой комментарий выше. Но делать то, что вы просите в JQuery, использование:

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

Answer 2

В vanilla, вы могли бы использовать node.querySelector или node.querySelectorAll с selector which matches these attributes, например

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

Тогда для строки 4 Col 0

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