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 () メソッドは非推奨です。() のように

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

このフィドルを試してみてください

Answer 3

andy が言ったように、live() は非推奨であり、.on() を使用します。

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

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