javascript - 如何提取表格第二列中的值

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 元素并获取第三列:

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

    alert(urls);
});

jsFiddle Demo .