Сложные селекторы

[colonel]

<div class="form_field_center" id="message_list">
	<div id="newComment"></div>
	<div id="comment_list">
          //Сообщение читаются из базы и вставляются сюда
        </div>
</div>

Если правильно понял, то можно так:

$('#comment_list')
   .on('click', '.comment', fucntion(){})
   .on('click', '.delete', fucntion(){})
   .on('click', '.edit', fucntion(){});

[rozmath]

Сначала так и было, пока новидомлення генерировались на странице. Но теперь они генерируются в файле script.js и отправляются после $('#comment_list').append (html)
Если открыть источник страницы, сообщений div нет.

<div class="form_field_center" id="message_list">
	<div id="newComment"></div>
	<div id="comment_list"></div>
</div>

[colonel]

Сначала так и было, пока новидомлення генерировались на странице. Но теперь они генерируются в файле script.js и отправляются после $('#comment_list').append (html)
Если открыть источник страницы, сообщений div нет.

Код:

<div class="form_field_center" id="message_list"> <div id="newComment"></div> <div id="comment_list"></div> </div>

Можно попробовать тогда так:

$('#comment_list')
   .append(html)
   .find('.comment').on('click', fucntion(){}).end()
   .find('.delete').on('click', fucntion(){}).end()
   .find('.edit').on('click', fucntion(){});

либо так:

var commentList = function(){return $('#comment_list');};
commentList
   .append(html)
   .find('.comment').on('click', fucntion(){}).end()
   .find('.delete').on('click', fucntion(){}).end()
   .find('.edit').on('click', fucntion(){});

Соотв. код этот ставить после загрузки Вашего "script.js".

На самом деле способов множество может быть ...

[rozmath]

Опять не работает. Перепробовал все ваши варианты а также вводил свои правки - ни один не заработал.
Возможно нужно грузить сообщения не в файле script.js?

[colonel]

Опять не работает. Перепробовал все ваши варианты а также вводил свои правки - ни один не заработал.
Возможно нужно грузить сообщения не в файле script.js?

Хм ... Ну, нужно просто тогда смотреть в консоли - что приходит вообще ... Ну и пробовать результаты ... И, в зависимости от этого двигаться дальше ...

Как-то так:

console.group('Test #comment_list');
   console.log($('#comment_list'));
   console.log(html);
$('#comment_list').append(html);
   console.log($('#comment_list'));
   console.log($('#comment_list').find('.comment'));
   console.log($('#comment_list').find('.delete'));
   console.log($('#comment_list').find('.edit'));
console.groupEnd();

Ну и соотв. заменяя $('#comment_list') на те варианты, которые приводил выше.

[rozmath]

Если использовать строку при нажатии на comment_list

var htmlStr = $('#comment_list').html();

получим всю историю переписки строкой.
Но как получить ID сообщения на который наведен курсор и щелчке на нем?

[colonel]

var htmlStr = $('#comment_list').html();

Легко:

var htmlStr  = $('#comment_list').html();
var commentList = $(htmlStr);
commentList
   .find('.comment').on('click', fucntion(){var t = $(this); var id = t.prop('id');}).end()
   .find('.delete').on('click', fucntion(){var t = $(this); var id = t.prop('id');}).end()
   .find('.edit').on('click', fucntion(){var t = $(this); var id = t.prop('id');});

[rozmath]

var commentList = $(htmlStr);

при клике на comment_list возвращает массив типа [object Object]

[rozmath]

Вот как выглядят два сообщения при проверке элементов:

Вот html строка етих сообщений:

Однако при просмотре источника страницы наблюдаю следующее:

[rozmath]

Консоль выдала:
</div> has no method 'find'