如何使用javascript/jquery在表中循环?
我有一个代码块,如下所示如何使用javascript/jquery在表中循环?,javascript,jquery,traversal,Javascript,Jquery,Traversal,我有一个代码块,如下所示 <tbody class="society_list"> <tr> <td>1</td> <td>Dummy</td> <td>Dummy</td> <td id="lol0">UPDATE THIS</td> </tr> <tr>
<tbody class="society_list">
<tr>
<td>1</td>
<td>Dummy</td>
<td>Dummy</td>
<td id="lol0">UPDATE THIS</td>
</tr>
<tr>
.....
</tr>
</tbody>
我要做的是循环遍历整个表,找到带有id的td,获取该id的值,然后更新其中的html。
对不起,我是新来的,我仍然不知道该做什么
function update(){
var trs = document.querySelectorAll('.society_list tr');
for(i=0;i<trs.length-1;i++){
trs[i].find('td').each(function(){
//I know I need to do something here but what's that..
});
}
}
如果您知道id属性,就不需要在表中循环。使用jQuery,它非常简单:
$('#lol0').text('What you want');
或:
试用
$('#tblOne > tbody > tr').each(function() {...code...});
使用遍历具有id属性的tds
下面是一个简单的JavaScript版本:
var os=document.getElementsByTagName('td');
for (var i=0;i<os.length;i++){
var o=os[i];
if (o.id){
o.innerHTML="updated "+o.id;
}
}
我已经厌倦了jQuery非常简单的说法。实际上,它仍然必须匹配所有DOM元素。某种形式的迭代仍在进行。简单的JavaScript版本并没有那么糟糕,它并没有隐藏复杂性。它可以在所有浏览器中运行,包括jQuery用户认为不相关的IE版本。
函数addRowtableID,索引
{
var table=document.getElementByIdtableID;
var rowCount=table.rows.length;
var row=table.insertRowCount;
row.style.backgroundColor=FEF0FF;
rowCount=rowCount-1;
//row.id=tr_add+rowCount;
var cell1=row.insertCell0;
cell1.style.backgroundColor=红色;
cell1.style.align=中心;
var element1=document.createElementinput;
element1.id=chk+rowCount;
element1.name=chk+rowCount;
element1.type=复选框;
//element1.style.textAlign=center;
var element111=document.createElementinput;
element111.id=chkbox+rowCount;
element111.name=chkbox+rowCount;
element111.type=隐藏;
var element112=document.createElementinput;
element112.id=textCopy+rowCount;
element112.name=textCopy+rowCount;
element112.type=隐藏;
element112.value=复制;
//cell1.innerHTML=COPY;
第1单元。附加子元素1;
第1单元。附加子元素111;
第1单元:附加子元素112;
cell1.style.textAlign=中心;
}如果您知道目标元素的id,那么就不需要循环,只需使用id选择器获取元素,然后更新content@ArunPJohny隐马尔可夫模型。。由于id实际上是使用另一个javascript设置的,所以我不太清楚id是什么。我想做的是在tds中循环,找到一个有id的,获取id值并使用它做一些事情..然后你可以使用has属性选择器,比如$'。society_list td[id]'将返回所有有id属性的td。OP使用lol0作为一个例子。我想有lol1,lol2。。。跟随。也许吧。每一个都是需要的?并且在评论中都被澄清了,所以@downvote是不公平的:
$('.society_list tr td[id]').each(function(){
var tdID = $(this).attr('id'); // <--- getting the ID here
var result = doSomeMagicWithId(tdID); // <--- doing something
$(this).html(result); // <---- updating the HTML inside the td
});
var os=document.getElementsByTagName('td');
for (var i=0;i<os.length;i++){
var o=os[i];
if (o.id){
o.innerHTML="updated "+o.id;
}
}