代码之家  ›  专栏  ›  技术社区  ›  eozzy

查找和隐藏DIV(jquery)

  •  0
  • eozzy  · 技术社区  · 16 年前
    <a rel="abc" href="#mydiv">link</a>
    <div id="mydiv">content</div>
    

    如果rel=“abc”,找到id与href值匹配的元素并隐藏它。

    我的尝试:

    $('[rel*=abc]').attr("href").hide();
    

    谢谢你的帮助!

    6 回复  |  直到 16 年前
        1
  •  5
  •   Jeff Sternal    16 年前
    $( $("a[rel='abc']").attr("href") ).hide();
    
        2
  •  2
  •   Sampson    16 年前
    $("a[rel='abc']").click(function(event){
      event.preventDefault();
      var val = $(this).attr("href");
      $("div"+val).hide();
    });
    
        3
  •  2
  •   RamboNo5    16 年前
    $('a[rel=abc]').click( function(event){
        event.preventDefault();
        $(event.target.href.substr(event.href.indexOf('#'))).hide();
    });
    

    如果单击了此类链接,则隐藏相应的元素。

    编辑: 测试

        4
  •  1
  •   Mike Pape    16 年前

    $('a[rel=abc]').each(function() { $(this.href.substr(this.href.indexOf('#'))).hide(); });

    一些错误检查也很好。

        5
  •  1
  •   jitter    16 年前
    $("a[rel=abc]").each(function(i, ele) {
        $(ele.hash).hide();
    });
    

    或者如果你想在点击

    $("a[rel=abc]").click(function(e) {
        e.preventDefault();
        $(this.hash).hide();
    });
    
        6
  •  0
  •   Andreas Bonini    16 年前
    var identifier = $('a[rel="abc"]').attr('href');
    $('#'+identifier').hide();
    

    我想这可以解决你的问题。不过,我没有测试它。