jquery - 为什么这里没有选择父母？

Question

在这里，我在 jquery 中为 a#x 编写代码，我想选择 div#answer 但我不能。

<div id="answer" style="float: right">
    <a id="x" class="@answer.UserId" style="cursor:pointer;">
    </a>
</div>

在 .js 文件中：

$("#x").live("click", function () {
    alert($(this).parent("#answer").attr("id"));
})

即使这也不起作用：

$("#x").live("click", function () {
    alert($(this).attr("id"));
})

我不明白这是什么问题？！：-|

Answer 1

$(function() {
    $(document).on("click", "#x", function (e) {
        e.preventDefault();
        alert( $(this).closest("#answer").prop("id") );
    });
});

Answer 2

正如安迪所说，live() 已被弃用，使用 .on()。

$("#x").on("click", function () {

示例：http: //jsfiddle.net/VyEJ3/

Answer 3

自从 。live () 方法已被弃用。on () 喜欢

$(document).ready(function(){
    $("#x").on("click", function () {
       alert($(this).parent().attr("id"));
    });
});

试试这个小提琴