Easy jQuery Question - Выбор div с тем же классом, что и a

Question

Я хочу сделать это, но пока не разобрался в этом ...

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

Обычно при нажатии на ссылку с определенным классом показываются все div с этим классом. Классы могут быть любыми. И я не буду знать имена классов в файле application.js, поэтому мне нужно сопоставить одинаковые классы.

Answer 1

Мне нравится ответ @ Eran, но в случае, если у вас есть ссылки, которые не соответствуют этому шаблону, вы можете убедиться, что применяете это только к ссылкам, которые соответствуют.

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

А в случае, когда к ссылкам могут применяться другие классы, вы можете использовать схему именования, например:

$('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();
});