Javascript 检索HTML表中的特定数据

Javascript 检索HTML表中的特定数据,javascript,dom,Javascript,Dom,我画了一个表(通过datatable),我需要根据特定的条件检索一些特定的数据 这是表格: 汤姆 DSDS 面向对象 60 琼斯 aa 面向对象 61 我需要解析每个tr元素,如果td input type复选框包含所选的类,我需要使用id=“id”(相同tr的)检索td的值 我试着做到以下几点: var nbr_lignes = document.getElementById('datatable-table').rows.length; var i = 0;

我画了一个表(通过datatable),我需要根据特定的条件检索一些特定的数据

这是表格: 汤姆 DSDS 面向对象 60
琼斯 aa 面向对象 61

我需要解析每个tr元素,如果td input type复选框包含所选的类,我需要使用id=“id”(相同tr的)检索td的值

我试着做到以下几点:

var nbr_lignes = document.getElementById('datatable-table').rows.length;

        var i = 0;
        var j = 0;
        while(i < nbr_lignes){
            j=0;
            console.log("ligne: "+i);
            var nbr_colonnes = document.getElementById('datatable-table').getElementsByTagName('tr')[i].getElementsByTagName('td').length; 
            console.log("nb colonnes: "+nbr_colonnes);
            while(j < nbr_colonnes){                   

                console.log("contenu td: "+document.getElementById('datatable-table').getElementsByTagName('tr')[i].getElementsByTagName('td')[j].
                    innerHTML);

                j++;
            }
            i++;
        } 
var nbr\u lignes=document.getElementById('datatable-table').rows.length;
var i=0;
var j=0;
而(i
因此,我可以解析每个tr的每个td,但我不知道如何检查当前td是否包含所选的类,在这种情况下检索td id=“id”的值


如果您能帮助我,我将不胜感激。

这里有一个简单的解决方案:只要您找到
输入,您就在每一行(tr)中创建一个计数器并进行迭代。选中它,您就在询问带有计数器id的div值。结果存储在
found
表中


每个id必须是唯一的ok,我做了更改,id现在是id=“id1”,id=“id2”,等等,。。。我如何检查当前td是否包含所选的类,在这种情况下如何检索该td对应id的值?我刷新了页面,但看到n个更改…?完成,我主要关心的是我不知道使用getElementById检索的idX索引,这是我的主要困难…完成…你刚才做了什么?不管怎样,只要记住这一点,如果你下次认真地写任何HTML/JS…实际上,如果你不知道如何分配唯一ID,那么你就不会理解我的答案。
var idx = 1;
var found = [];
var trs = [].slice.call(document.querySelectorAll('table tr'));
trs.forEach(function(tr){
    var isSelected = (tr.querySelector('input')).classList.contains('selected');
  console.log(isSelected);
  if(isSelected){
    console.log(document.getElementById('id'+idx));
    var value = (document.getElementById('id'+idx)).innerText;
    found.push({id: idx, value: value});
  }
  idx++;
});

(document.getElementById('result')).innerHTML = found.reduce(function(p, c){ return p + ' \n ' + c.id + ':' + c.value }, '');