jquery SELECT в текущем элементе

[Bolmazov]

Сорри за мой jQuery, я с ним на Вы. Отсюда и вопрос:

				$(".bottom").click(
								function(){
									var html = $('.text').html();
									$(".text").html(
										html+
										"<p>"+
										"Добавленный параграф"
										"</p>");
								}
							);

Вот html

<div class='content'>
<span class='text'>Первый параграф</span>
<span class='bottom'>Добавить параграф</span>
<div>

Суть этого кода в том, что по клику на кнопке с class='bottom' в элемент с class='text' добавляется его прежний код плюс параграф с надписью "Добавленный параграф".

Всё работает.

НО по хорошему для добавления нужно искать элемент с class='text' который содержится в этом же div'e с class='content' что и кнопка по которой кликнули.

Вся эта бодяга для того, что бы можно было еще динамически добавлять блоки класса 'content'.

[Veseloff]

Вот тут стоит почитать

[Bolmazov]

Я же не на столько наглый, что бы не прочитать этого. Я этого не понял, вот и прошу помощи.

[Veseloff]

$(".text")

заменить на

$(this).parent().children(".text")

или я не так понял?

[Bolmazov]

Да, правильно. Что обидно я уже разобрался в этом. Но возникла новая проблема: я сделал динамическое создание таких вот блоков. Т.е. создаются многочисленные конструкции подобного типа:

<div class='content'>
<span class='text'>Первый параграф</span>
<span class='bottom'>Добавить параграф</span>
<div>

.

Но для созданного jquery HTML'ля события $(".bottom").click не наступает. т.е. я кликаю ... и тишина.

Как будто браузер их не видит.

Edited November 24, 2009 by Bolmazov

[Veseloff]

А как они создаются? Вроде если через clone сделать, то всё должно работать

[Bolmazov]

В самом первом посте есть общий пример ( $(".text").html ). Так и создаю...

Клонировать не получится, т.к. (грубо говоря) контент в span class='text' будет разный

Edited November 24, 2009 by Bolmazov

[Veseloff]

ну надо добавить туда onclick, делов-то...

[Bolmazov]

...так а почему динамически созданная <span class='bottom'>Добавить параграф</span> не может себя вести как статическая конструкция в первом посте, на которую распространяется селект функции $(".bottom").click?

[Veseloff]

Странный вопрос какой-то... Даже не знаю как объяснить... Ну вот представьте себе большой мешок с разными овощами. Вот вы берёте и выкладываете на стол несколько из них. Потом все овощи на столе, которые являются картофелем вы красите красной краской. Потом вы достаёте из мешка еще некоторое количество овощей и кладёте на стол. Теперь вопрос - какого цвета будут картофелины, которые вы только что достали? Вот тут точно такая же логика.

[Bolmazov]

) Смешно. Но видимо я плохо объяснил. Я тут нашел возможное решение проблемы.

Пока не работает ))), но вам должно быть понятнее о чем я.

[Bolmazov]

Да! live( type, fn ) помог, картошка оказалась не при чем.

Но всё равно большое спасибо, Veseloff!