親セレクタ問題

Question

こんにちはすべて私は持っている。このようなJQコード：

追加要素：テキストといくつかのdivです.wynik_mainのdivで

$(".wynink_main").live("mouseenter", function() { 
    $(this).append("<div class='mapa_dojazdu'>Mapa dojazdu</div>"); 
    }); 

。 そして、div .mapa_dojazduをクリックすると、div .wynik_mainに追加されるspan.miejsceからテキストを取得したいのですが、動作しません。

$(".mapa_dojazdu").live("click", function() { 
    var is = $(this).closest("div").find(".miejsce").html(); 
    alert(is); 
}); 

Answer 1

変更

var is = $(this).closest("div").find(".miejsce").html();

：

は、ここに私の間違ったコードです

var is = $(this).parent().closest("div").find(".miejsce").html();

、それが正常に動作する必要があります。使用例hereを参照してください。問題はclosest()が現在の要素から始まり、現在の要素がdivであるため、すぐそこで停止します。

$(this).closest(".wynink_main").find(".miejsce").html()へ

Answer 2

変更

$(this).closest("div").find(".miejsce").html()

。

divはあまりにも一般的で、他のdivをターゲットにします。

http://jsfiddle.net/ULjKC/