代码之家  ›  专栏  ›  技术社区  ›  Kyle West

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

  •  0
  • Kyle West  · 技术社区  · 17 年前

    我想这么做,但还没完全弄明白…

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

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

    2 回复  |  直到 17 年前
        1
  •  4
  •   tvanfosson    17 年前

    我喜欢@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>
    
        2
  •  1
  •   Eran Galperin    17 年前
    $("a").click(function() {
            $("div." + $(this).attr('class')).show();
    });