[JQuery] Akcja dla dynamicznie tworzonego potomka Opcje

[gregiolo]

Witam serdecznie,
Posiadam następujący, przykładowy kod:

[HTML] pobierz, plaintext 
<div id="container">
 <div id="rodzic"></div>
</div>
[HTML] pobierz, plaintext 

oraz zdarzenie (wstępnie):

[HTML] pobierz, plaintext 
$("#rodzic").click(function() {
  $(this).append('<div id="losoweid"></div>');
});
[HTML] pobierz, plaintext 

Chciałbym aby po kliknięciu na blok #rodzic lub każdy #losoweid i wszystkich zagnieżdżonych w nich lub równoległych poziomem do nich, wykonywała się taka sama akcja jak wyżej czyli tworzenie potomnego bloku. Poziom, w którym byłby dopisany zależałby od klikniętego bloku.

Problem w tym, że gdy nawet zmienię selektor na $("#container > div") gdy klikam na "rodzic" lub "losoweid" wykonuje się automatycznie ta sama akcja dla rodzica. Jednocześnie nie mogę pozbawić rodzica eventu gdyż może się przydać po kliknięciu na niego.

Próbowałem metod:
1) umieszczenia nazwanego eventu click po append() ale nie odczytuje akcji
2) korzystania z funkcji delegate
3) korzystania z funkcji live()
4) korzystania z regexp w selektorze dla wszystkich div, ale wtedy akcja wywołuje się rekurencyjnie do bólu.
5) unbind

Naturalnie nie wchodzi w grę dopisywanie ręczne definicji akcji dla każdego ID.
Fakt, że mogłem rozwiązań j/w użyć nieumiejętnie, więc proszę o pomoc.

[gregiolo]

Hmm pomysł ciekawy, ale niestety nie działa.

Jako selektora użyłem zarówno rodzic jak i wszystkie div'y dzieci.

[HTML] pobierz, plaintext 
obj = $(e.currentTarget);
objId = "#"+$(obj).attr('id');
[HTML] pobierz, plaintext 

W każdej sytuacji objId zawsze ma wartość "#rodzic". obj jest typu object. [Object] object :/

[zegarek84]

Hmm pomysł ciekawy, ale niestety nie działa.

prawie to rozwiązanie które podał @everth tylko przede wszystkim nie currentTarget a .target