target önceki $ this

Question

$ '(her' içerikten ') içinden' click 'işlevinden bunu nasıl hedeflerim? Garip .parents(). Find() kodunu kaldırmak istiyorum.

$('.layout.responsive').each(function() { 
    $('.area.optional', this).before('<a href="#" class="toggle_responsive" onClick="return false">Show details</p>').hide(); 
    $('.toggle_responsive', this).click(function() { 
     $(this).parents('.layout.responsive').find('.area.optional').toggle(); 
    }); 
}); 

Answer 1

herkes burada olduğu gibi çözüm elbette aynıdır, ama bu sözdizimini kullanarak daha temiz ve aynı başarmak düşünüyorum Şu anda kullandığınız kod. Bunun yerine bir HTML dizesinde ekleme

$('.layout.responsive').each(function() { 
    var ar = $(this).find('.area.optional').hide(), 
     showDetail = $('<a />', { 
     href: '#', 
     class: 'toggle_responsive', 
     text: 'Show details', 
     click: function(){ 
      ar.toggle(); 
      return false; 
     }}).insertBefore(ar); 
}); 

, biz çok daha temiz bunu jQuery 1.4 tanıtılan yeni sözdizimini kullanabilirsiniz ve dağınık satır içi olay işleyicisi olmadan şu anda kullanıyoruz.

Answer 2

Sadece bir değişkende saklayabilirsiniz:

$('.layout.responsive').each(function() { 
    var $elem = $('.area.optional', this).before('<a href="#" class="toggle_responsive">Show details</p>').hide(); 
    $('.toggle_responsive', this).click(function(e) { 
     e.preventDefault(); 
     $elem.toggle(); 
    }); 
}); 

Ayrıca hemen hemen senin onclick="return false;" yaptıklarını ancak çok daha temiz bir şekilde yapar e.preventDefault(); aramayı unutmayın. adlandırılmış (özel olmayan) değişken kendisine kaydet

Answer 3

:

$('.layout.responsive').each(function() { 
    var area = $('.area.optional', this).before('<a href="#" class="toggle_responsive" onClick="return false">Show details</p>').hide(); 
    $('.toggle_responsive', this).click(function() { 
     $(area).toggle(); 
    }); 
});