JQuery: Не Selector не работает должным образом

Question

Что-то заставляет меня с ума, я использую следующий код (от ajaxUpload для загрузки изображений:

Вот HTML:

<div class="slide"> 
    <span id="close_btn1" class="del"><a href="#" onclick="return false;">Delete</a></span> 
</div> 
<div class="slide"> 
    <span id="close_btn2" class="del"><a href="#" onclick="return false;">Delete</a></span> 
</div> 

и JS:

$('.slide').each(function(){ 
    new AjaxUpload($(this),{ 
     action:"upload", 
     name:'userfile', 
     onSubmit:function(file, extension){ 
      do some work.. 
     }, 
     onComplete: function(file, response) { 
      do some work.. 
     } 
    }); 
}); 

$("#close_btn1").click(function(){ 
    do some work... 
}); 

изображения загружаются при нажатии на любой «слайд» DIV: OK

Но если Я нажимаю на ссылку «Удалить»: это то же поведение, что и при нажатии «слайд», и ссылка не работает: KO

Я хотел бы исключить эту ссылку (класс «del») из каждый состояние.

Я пробовал:

$('.slide').not('.del').each(... 

также:

new AjaxUpload($(this).not('.del'),{ ... 

но это не работает ..

Любая идея?

Answer 1

Что я думаю, что происходит: $ (this) относится к элементу a, а не к span. Попробуйте поместить класс del в элемент a