jquery - 在 TBODY 中第一个 TR 的最后一个 TD 中定位 anchor href

Question

我想使用 jQuery 将到达此页面的人员重定向到 TBODY 中第一个 TR 的最后一个 TD 的 anchor 中包含的链接(不是 THEAD):

<table id="allprogs" class="tablesorter">
<thead>
  <tr>
    <th>Date</th>
    <th>Speaker(s)</th>
    <th>Program Title</th>
    <th>MP3</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>2012: 05/01</td>
    <td>Speaker</td>
    <td><a href="/products/page">Title</a></td>
    <td><a href="http://www.dummy.com">Download</a></td>
  </tr>
  <tr>
    <td>2012: 04/01</td>
    <td>Speaker2</td>
    <td><a href="/products/page2">Title2</a></td>
    <td><a href="http://www.dummy2.com">Download</a></td>
  </tr>

到目前为止我的代码是:

$(document).ready(function() {
  var url = $('#allprogs tbody tr:first td:last a').attr('href');
  window.location.replace(url);
});

加载页面应重定向到 http://www.dummy.com 。但看来我没有正确定位 anchor 。有建议吗？

Answer 1

jquery 定位实际上是正确的，

• example jsfiddle

该行 window.location.replace(url); 是错误的，在 .replace 之后需要一个空格*，以便重定向正常工作。

您的新代码将如下所示:

$(document).ready(function() {
  var url = $('#allprogs tbody tr:first td:last a').attr('href');
  window.location.replace (url);
});

*编辑:

事实证明，空间不是必需的，而是更多的良好实践。除此之外，您的其余代码都可以正常工作。