Question

我在一个页面中有3个表，并编写了以下内容来处理所有元素。

$('td').each(function(){
    //do something
});

但它仅适用于第一个表。我该如何解决这个问题？

Answer 1

您的标记可能有问题

$('td').each(function(idx){
   document.write("<br/>idx: " + idx)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr><td></td><td></td></tr>
</table>

<table>
  <tr><td></td><td></td></tr>
</table>

Answer 2

试试这个..

<table>
  <tr>
  <td>a</td>
  <td>b</td>
  <td>c</td></tr>
</table>
<table>
  <tr><td>d</td>
  <td>e</td>
  <td>f</td></tr>
</table>
<table>
 <tr> <td>g</td>
  <td>h</td>
  <td>i</td></tr>
</table>

Js代码

$(function(){
 $('table tr td').each(function(i, e){
   //do something here
  })
})

Answer 3

尝试.find（）：

var td = $('table').find('td');
    td.each(function(k,v){
       alert(k+" - "+v);
    }); 






  <table>
      <tr>
        <td></td>
        <td></td>
    </tr>
    </table>

    <table>
      <tr>
        <td></td>
        <td></td>
    </tr>
    </table>

$（＆＃39; TD＆＃39）。各（）;不适用于页面中的所有表格。

3 个答案: