简单的 jQuery 问题 - 选择与 a 具有相同类的 div答案

【问题标题】：Easy jQuery Question - Selecing a div with the same class as the a简单的 jQuery 问题 - 选择与 a 具有相同类的 div
【发布时间】：2008-11-27 03:01:26
【问题描述】：

我想这样做，但还没有完全弄清楚......

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

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

【问题讨论】：

标签： jquery

【解决方案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>

【讨论】：

另外，考虑到 div 和 a 可能应用了多个类。
@strager -- 我也想过。只要锚标签只有一个类，虽然你应该没问题。它仍然会正确选择 div。

【解决方案2】：

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

【讨论】：