Скрытие определенного кода

[Dorian_bs]

Всем привет!
помогите пожалуйста решить проблему..
Есть код.

...
<tr class="table-1-center">
  <span class="del-file">X</span>
</tr>
<tr class="table-1-center">
  <span class="del-file">X</span>
</tr>
<tr class="table-1-center">
  <span class="del-file">X</span>
</tr>
.....

При нажатии на "кнопку" (.del-file) должен скрываться его (.table-1-center).

Пытался сделать так, но не работает(((

$(function () {
  $('.del-file').click(function () {
    $(this).find('.table-1-center').hide();
  });
});

[ваый]

$(function () {
    $('.del-file').click(function () {
        $(this).closest('.table-1-center').hide();
    });
});

[Dorian_bs]

Спасибо большое!)))))))))

[Dorian_bs]

А почему если код сделать таким, то скрип не работает?(( Что тут не правильно?

$('.del-file').live({
    'click': function() {
       $(this).closest('.table-1-center').hide();
    }
});

[ваый]

Все правильно. Ошибка где-то еще.

[Dorian_bs]

Странно)) Тогда как можно применить скрипт для подгруженного контента ajax'м ?

[ваый]

Ну у меня же работает.

<button>Load content</button>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script> 
$('.del-file').live({
    'click': function() {
       $(this).closest('.table-1-center').hide();
    }
});
 
$('button').click(function() {
    var html = '<div class="table-1-center"><span class="del-file">x</span></div>' + 
                    '<div class="table-1-center"><span class="del-file">x</span></div>';
    $('body').append(html);
});
</script>

[Dorian_bs]

У Вас работает этот код?
$('body').live({
'click': function() {
alert();
}
});
У меня нет. Очень странно...

[Dorian_bs]

Все!) Проблема решена)
Это из-за глупости юкоза. Необходимо было подключить jquery под </head>