jQuery 选择父级

Question

这可能是一个重复的问题，但是我确实进行了搜索，并且得到了很多不同的答案，以至于我不知道该使用哪个或如何执行此操作。

<?
if(isset($content))
{
    $i = 1;
    foreach($content as $item)
    {
        echo "<li><a href='#' name='" . $item['id'] . "'>" . $item['title'] . "</a></li>";
        $i++;
    }
}
?>

我使用 jQuery 向这些链接添加了一个函数来处理 ajax 调用。我选择的链接如下:

    $("#tips_list ul li a").click(function(e)   { //... }

但是，这没有多大意义，因为现在您必须单击实际文本而不是列表项。所以我想我应该重新构造我的 HTML，以便 anchor 标记围绕 li 标记。

    `<a href="#" name=""><li>foo</li></a>`

然后我相应地更改了我的 jQuery 代码:

    $("#tips_list ul a li").click(function(e)   { //... }

但是，现在，当我单击..时，它会将列表项标记捕获为 $(this);这意味着我无法真正从 anchor 标记中获取名称属性。所以!我需要做的是从 parent anchor 标记中获取 name 属性。老实说，我不知道最简单的方法是什么。我对 jQuery 不太有经验。

非常感谢您对我的帮助!

Answer 1

保留旧标记。后者相当古怪，使用以下脚本。

$("#tips_list ul li").click(function(e)   {
    var name = $(this).children("a").attr("name");
    alert(name);
}