Javascript 如何检测其中一个<;td>;一张桌子的每一行?

Javascript 如何检测其中一个<;td>;一张桌子的每一行?,javascript,jquery,Javascript,Jquery,我有一张桌子。它有多行 每行都有一个长度 我的表中的每个和都没有和ID,也没有类。。 因此: 但什么都没有发生。它不在控制台中记录任何内容jQuery change方法侦听更改事件,您需要的是MutationObserver下面显示了一个示例 (()=> { 常量观察者=新的变异观察者( 突变列表=> { log('Something changed!'); } ); document.querySelectorAll('table tr td:n个子项(6)' .forEach(node=>

我有一张桌子。它有多行

每行都有一个长度

我的表中的每个
都没有和ID,也没有类。。 因此:


但什么都没有发生。它不在控制台中记录任何内容

jQuery change方法侦听更改事件,您需要的是
MutationObserver
下面显示了一个示例

(()=>
{
常量观察者=新的变异观察者(
突变列表=>
{
log('Something changed!');
}
);
document.querySelectorAll('table tr td:n个子项(6)'
.forEach(node=>observer.observe(node,{attributes:true,childList:true,subtree:true}));
document.querySelector('按钮')
.addEventListener('单击',()=>
{
const nodes=document.queryselectoral('table tr td:n个子项(6)');
const node=nodes[Math.floor(Math.random()*nodes.length)];
node.textContent='I changed!';
},对);
})();
单击我来更改
总目1
总目2
总目3
总目4
总目5
总目6
总目7
总目8
一
二
三
四
五
我想在这篇文章中看到变化
七
八
一
二
三
四
五
我想在这篇文章中看到变化
七
八
一
二
三
四
五
我想在这篇文章中看到变化
七
八
一
二
三
四
五
我想在这篇文章中看到变化
七
八

使用jquery的直接解决方案。您必须收听DOMSubtreeModified事件。这将捕获对每行中第6个td元素的任何更改

$(“trtd:nth child(6)”)。在(“domsubtreemedited”,function()上{
控制台日志(“更改”);
});
设i=0;
setInterval(函数(){
$(“tr td:n个孩子(6)”)。正文(i);
i=i+1;
}, 1000);

总目1
总目2
总目3
总目4
总目5
总目6
总目7
总目8
一
二
三
四
五
我想在这篇文章中看到变化
七
八
一
二
三
四
五
我想在这篇文章中看到变化
七
八
一
二
三
四
五
我想在这篇文章中看到变化
七
八
一
二
三
四
五
我想在这篇文章中看到变化
七
八
……等等。。。。

我试过这个。它没有记录任何东西。我想它不起作用?…实际上,每行中的内容都是倒计时。请发布用于更改内容的代码。如果你运行代码段,它工作得很好,@sasori检查我的代码段,它会每秒更新值。令人惊讶的是…你的解决方案确实工作了,我只是忘了把它放在我的主循环中。谢谢,先生!
<table id="dummytable">
<thead>
  <tr>
      <th>head 1</th>
      <th>head 2</th>
      <th>head 3</th>
      <th>head 4</th>
      <th>head 5</th>
      <th>head 6</th>
      <th>head 7</th>
      <th>head 8</th>
  </tr>
</thead>
 <tr>
    <td>one</td>
    <td>two</td>
    <td>three</td>
    <td>four</td>
    <td>five</td>
    <td>I WANT TO GET THE CHANGES HAPPENING IN THIS TEXT</td>
    <td>seven</td>
    <td>eight</td>
 </tr>
 <tr>
    <td>one</td>
    <td>two</td>
    <td>three</td>
    <td>four</td>
    <td>five</td>
    <td>I WANT TO GET THE CHANGES HAPPENING IN THIS TEXT</td>
    <td>seven</td>
    <td>eight</td>
 </tr>
 <tr>
    <td>one</td>
    <td>two</td>
    <td>three</td>
    <td>four</td>
    <td>five</td>
    <td>I WANT TO GET THE CHANGES HAPPENING IN THIS TEXT</td>
    <td>seven</td>
    <td>eight</td>
 </tr>
 <tr>
    <td>one</td>
    <td>two</td>
    <td>three</td>
    <td>four</td>
    <td>five</td>
    <td>I WANT TO GET THE CHANGES HAPPENING IN THIS TEXT</td>
    <td>seven</td>
    <td>eight</td>
 </tr>
  ...and so on and so forth....
</table>
$('td:nth-child(3)').each(function() {

       $(this).closest("tr").find('td:eq(5)').change(function(){
            console.log('HELLO');
       });

});