Javascript 检索HTML表中的特定数据
我画了一个表(通过datatable),我需要根据特定的条件检索一些特定的数据 这是表格: 汤姆 DSDS 面向对象 60Javascript 检索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;
琼斯 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 }, '');