的jQuery选择特定的表格单元格

Question

我需要从每个第一<td> <img>数据标签，工艺，然后设置<td> <div>价值选择的数据，我想是这样的：

$('tbody >tr').each(function() { 
    var tr= jQuery(this); 
    var img = $(tr,'tr > img').attr('data'); 
    //next setting div value 
    }); 

但这并不作品。

<table> 
     <thead> 
      <tr> 
       <th>..</th> 
       .. 
      </tr> 
     </thead> 
     <tbody>       
      <tr> 
       <td> <img data="12"/>'> </td> 
       ..   
       <td><div id="test"></div> </td> 
       <td>..</td> 
      </tr> 
      <tr> 
      .. 
      </tr> 
     </tbody> 
    </table> 

Answer 1

只要你使用.each()无论如何，这样做：

$('tbody > tr > td > img').each(function() { 
    var data = $(this).attr('data'); 
    //next setting div value 
}); 

，或者您需要选择div从各行的嵌套，这样做：

$('tbody > tr').each(function() { 
    var row = $(this); 
    var data = row.find('> td > img').attr('data'); 
    row.find('.some_div').text(data); 
}); 

Answer 2

var img = $(tr,'tr > img').attr('data'); 

应该

var img = $(tr).children('td:first-child').children('img').attr('data'); 

演示：http://jsfiddle.net/bV6Qf/

Answer 3

试过这样

$('tbody td img, tbody td > div').each(function() { 
     //your event handler here 
}); 

随着该选择你得到你想要的img和一个选择的divs的两个元素。因此，你可以循环和处理每个元素