facile jQuery Question - Selecing un div avec la même classe que l'une

Question

que je veux faire, mais ne l'avez pas encore tout à fait ...

$(document).ready(function() { 
     $("a.whateverclass").click(function() { 
      $("div.whateverclass").show(); 
      return false; 
     }); 

Fondamentalement, quand un lien avec une certaine classe est cliqué tous les divs avec cette classe sont affichés. Les classes peuvent être n'importe quelle classe. Et je ne connaîtrai pas le (s) nom (s) des classes dans le fichier application.js, donc j'ai besoin de faire correspondre des classes égales.

Answer 1

J'aime @ la réponse de Eran, mais dans l'événement que vous avez des liens qui ne correspondent pas à appliquer ce modèle, vous pouvez vous assurer que vous seulement cela aux liens qui le font.

$('a[class]').click(function() { 
    $('div.' + $(this).attr('class')).show(); 
    return false; 
}); 

Et dans le cas où des liens peuvent avoir d'autres classes qui leur sont appliquées, vous pouvez utiliser un schéma de nommage tels que:

$('a[class^=div-]').click(function() { 
    $('div.' + $(this).attr('class')).show(); 
    return false; 
}); 
<div class='div-mydiv'></div> 
<a href='javascript:void(0);' class='div-mydiv'>Show</a> 

<a href='mailto:nobody@nowhere.com' class='mail-link'>Contact Us</a> 

Answer 2

$("a").click(function() { 
     $("div." + $(this).attr('class')).show(); 
});