javascript - 检查表格行列中的值

Question

我有一个 html 表 - TemplateData。在 Tbody 中，我在每一行“data-uid”上都有一列，它可能不是唯一的。在按升序显示之前，我已经对表格进行了排序。看起来像这样:

<tr id="Tr2" data-uid="1" role="row" class="odd"/>
<tr id="Tr2" data-uid="2" role="row" class="even"/>
<tr id="Tr2" data-uid="2" role="row" class="odd"/>
<tr id="Tr2" data-uid="2" role="row" class="even"/>
<tr id="Tr2" data-uid="3" role="row" class="odd"/>
<tr id="Tr2" data-uid="4" role="row" class="odd"/>

NOTE 2出现了3次。每个值可能出现不止一次

我可以通过以下方式获取表格:

var table = $('#TemplateData').dataTable();

我的问题是:如果我在“val”中存储了一个值，我该如何检查表以获取包含 data-uid=val;

的行

所以...类似于 table.rows[val]

从这里检查下一行，看看它的 data-uid 是否与 val 不同。如果是这样传回这个值。如果没有继续到下一行，直到找到不同的值。

所以....

val = 2
get table.row[where val = data-uid]
check next row
if table.rows[data-uid = val] continue until it is not the same, when value is different pass back
var newVal = ?

....如有任何帮助，我们将不胜感激

Answer 1

这是纯 JavaScript，希望对您有所帮助。

    var elements = document.getElementsByTagName('tr');
    var elementsLength = elements.length;

    for (var i = 0; i < elements.length; i++) {
        var currentElement = elements[i].getAttribute('data-uid');
        for (var j = i + 1; j < elements.length; j++) {

            var nextElement = elements[j].getAttribute('data-uid');

            if(currentElement !== nextElement) {
                return elements[j].getAttribute('data-uid');
            }
        }
    }

祝你好运

佐肯17