Javascript Jquery是否正在查找最近的链接？

我希望能够从以下类型的代码中获取href:

<tbody>
  <tr class="odd">
    <td class=" sorting_1">
      <a href="aURL">The Link Text</a>
    </td>
  </tr>
</tbody>

这在点击td时有效，但在点击链接时无效

编辑：更新的问题，我首先使用查找。这只是我玩过的最后一段代码；就是爬上DOM树测试自己和祖先。这里锚标签是td的孩子，所以你需要下降。因此，查找或选择子对象是您所需要的

$(this).find("a").attr("href")

通过测试元素本身并在DOM树中遍历其祖先，获取与选择器匹配的第一个元素

看自己或祖先在哪里，因为你想后代，找到后代使用

试试这个：

$(function(){
    $("#myID tr td").click(function(){
         Link = $(this).find("a").eq(0).attr("href");
         $("#anAjaxPod").load(Link);
         return false;
    })
})

---

From jquery doc：该方法在DOM树中搜索这些元素及其祖先，并从匹配的元素中构造一个新的jquery对象。$（event.target）.find（“a”）.attr（“href”）是我最初尝试的，但直接单击链接时返回未定义。addBack使单击链接有效，但是现在点击td的效果并不好。这两种解决方案都适用。非常感谢你！

.eq（0）

部分是不必要的。当使用

.attr（“href”）

时，它隐式地获取第一个匹配元素的

href

属性…这就是

.eq（0）

所做的。这是多余的/不必要的，您可能不想返回false-您应该只防止事件的默认行为

$("#myID tr td").click(function(event){
    event.preventDefault()
    link = $(this).find("a").attr("href");
    $("#anAjaxPod").load(link);
 });

link = $(event.target).find("a").attr("href")

$(function(){
    $("#myID tr td").click(function(){
         Link = $(this).find("a").eq(0).attr("href");
         $("#anAjaxPod").load(Link);
         return false;
    })
})