如何提取表

Question

，我有以下的HTML的第二列的值：

<tbody id="rankwyz-blogs"> 
    <tr role="row" class="odd"> 
     <td> 
     <div class="checker"><span><input name="pid" type="checkbox" class="checkboxes" value="3350239"></span></div> 
     </td> 
     <td class="sorting_1">blog</td> 
     <td> 
     <a href="http://anonym.to/?http://jaysonlrrv.blog.com" target="_blank">http://jaysonlrrv.blog.com</a> 
     </td> 
    </tr> 
    <tr role="row" class="even"> 
     <td> 
     <div class="checker"><span><input name="pid" type="checkbox" class="checkboxes" value="3350241"></span></div> 
     </td> 
     <td class="sorting_1">blog</td> 
     <td> 
     <a href="http://anonym.to/?http://dewaynecypn.blog.com" target="_blank">http://dewaynecypn.blog.com</a> 
     </td> 
    </tr> 
</tbody> 

我想寫一個javascript/jQuery的，將提取的第三TD的價值。所以在這種情況下，我想要的輸出是：

http://jaysonlrrv.blog.com 
http://dewaynecypn.blog.com 

什麼是最好和最有效的方式來做到這一點？

Answer 1

這並不困難。遍歷tr元素，並獲得第3列：

$(function() { 
    var urls = []; 
    $('#rankwyz-blogs tr').each(function() { 
     urls.push($(this).find('td').eq(2).text()); 
    }); 

    alert(urls); 
}); 

jsFiddle Demo。

Answer 2

這下面的代碼將是最有效的方法：

$("#rankwyz-blogs tr").each(function(){ 
    alert($(this).children("td").last().children("a").text()); 
}); 

UPDATE：

你需要你的<tbody>前加<table>，看看這個Fiddle ..

Answer 3

您可能用JQuery做這件事：

$(function(){ 
    $('#rankwyz-blogs tr').each(function(i, tr){ 
    console.log($(tr).find('td').eq(2).text()); 
    }); 
});