简单jQuery问题-选择与a类相同的div

我想这么做，但还没想清楚

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

---

基本上，当单击某个类的链接时，会显示该类的所有div。这些类可以是任何类。我不知道application.js文件中类的名称，所以我需要匹配相同的类。

我喜欢@Eran的答案，但如果您有一些不符合此模式的链接，您可能需要确保仅将此应用于符合此模式的链接

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

$('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>

$（'a[class^=div-]）。单击（函数（）{
$（'div.+$（this.attr（'class'））.show（）；
返回false；
});

我喜欢@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>

$（'a[class^=div-]）。单击（函数（）{
$（'div.+$（this.attr（'class'））.show（）；
返回false；
});

另外，要考虑到div和a可能应用了不止一个类。@strager——我也想到了这一点。只要锚标记只有一个类，尽管您应该可以。它仍然会正确地选择div。另外，考虑到div和a可能应用了多个类。@strager——我也想到了这一点。只要锚标记只有一个类，尽管您应该可以。它仍然会正确地选择div。