jquery a href recognition

Question

我有一个页面，其中有多个hrefs。我想找出哪个href被点击，并基于该href点击我想显示和隐藏一个div？

Answer 1

我会假设你有过在href的位置控制，你想拥有最简单的标记可能，在这种情况下，你可以做这样的事情：

<a href="#div1">Toggle Div 1</a> 
<a href="#div2">Toggle Div 2</a> 

<div id="div1" class="toggleDiv">Div 1 Content</div> 
<div id="div2" class="toggleDiv">Div 2 Content</div> 

然后打开/切换基于一个div在href，或者更具体地说是hash属性，你可以这样做：

$("a").click(function() { 
    $(".toggleDiv").not(this.hash).hide(); 
    $(this.hash).toggle('fast'); 
});​​​ 

这将触发与匹配ID == href减去哈希相应<div>并隐藏其他<div>元素，如果这就是你以后..你只用gi来做这件事把他们分成一个普通的班级，并隐藏除当前链接以外的所有人员。

You can view a demo here看看你是在做什么。

Answer 2

你可以附上click处理到锚：

$(function() { 
    $('a').click(function() { 
     var href = this.href; 
     // test the href and show/hide the div: 
     $('#someDiv').show(); 

     // return false to avoid following the link 
     return false; 
    }); 
}); 

Answer 3

这应该给你的东西入手：

$('a').click(function() 
{ 
    var href = this.href; 

    // Show/hide your div. 
    return false; 
}); 

只实现在click处理函数你的逻辑。

Answer 4

你可以这样做：

$(function(){ 
$('a').click(function(){ 
    alert('I was clicked, here my href = ' + $(this).attr('href')); 
    $('#div_id').slideToggle('slow'); // show hide div 
    return false; 
}); 
}); 

Answer 5

你说，你要选择基础的href的股利，并可以做，但它比较硬相比，一些其他机制。通常情况下，我发现DOM结构中有一些关系可以替代，或者我可以向链接/ div添加类以使解决方案更简单。例如，通常情况下，该链接与显示的div相邻或位于相同的容器中。在这种情况下，您可以遍历DOM并选择同一个容器的同级或子级的div。

一些例子：在同一容器

链接

$('a.menu-item').click(function() { 
     $('div.content').hide(); // hide all items 
     $(this).parent().find('div.content').show(); // show associated item 
}); 

Link在相同的顺序的div

$('a.menu-item').click(function() { 
     var index = $('a.menu-item').eq(this).index(); // get index 
     $('div.content').hide().eq(index).show(); // hide all, show corresponding 
}); 

在相同的类（假定链路作为一个单一的，独特的，与div共享课程）

$('a').click(function() { 
    $('div.content').hide(); 
    $('div').hasClass($(this).attr('class')).show(); 
});