的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的兩個元素。因此，你可以循環和處理每個元素