JS при наведении на блок.
 

Здравствуйте, мне нужно чтобы при наведении на блок с комментарием, в нем в правом верхнем углу появлялся блок с крестиком ("Удалить").

По началу блок с крестиком имеет class='remove' и в html разметке: style='display:none':

<span class='remove_message' style='display:none'>X</span>

Помогите написать js код, чтобы при наведении на весь блок появлялся этот span с крестиком.

Нужно обязательно с "on", так как блоки с комментариями появляються на ajax'e.

Вот что-то на подобии вот этого:

$(document).ready(function() {
    $('#wall_message_block').on('hover', '.wall_message_block', function () {
        $(this).??????????????????????
    }).on('blur', '.wall_message_block', function () {
        $(this).!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    });
});

#wall_message_block - блок в котором находятся все (10 штук) комментариев).

Там где стоит "??????????????????????" я не знаю что написать, нужно написать что-то на подобии: add class='style:block' только я не знаю как правильно.

И еще там где слово blur (в 4 строчке) на что его нужно заменить, чтобы вторая часть кода (4-6 строчка) скрывала крестик, тогда когда пользователь уберет мышку с блока этого.

Вместо "!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!" нужно написать что то типо: add class='style:none', но я опять же не знаю как это сделать... помогите)

после строчки в css где у Вас определен класс remove как display:none

подставьте класс, который будет display:block

$(this).addClass('класс который display:block');

во втором случае

$(this).removeClass('класс который display:block');

И вообще можно сделать так:

function wall_message_block(e){
e.hover(function(){
$(this).find('span.remove').addClass('класс который display:block');
},function(){
$(this).find('span.remove').removeClass('класс который display:block');
});
}

Когда получаете ответ ajax eval(result);

пропустите через функцию каждый новый блок

wall_message_block($('#wall_message_block').children('.wall_message_block:last'));

Смотря как вы их вставляете на страницу.