获取javascript中的URL链接名称

Get URL link name in javascript?

本文关键字：链接 URL javascript 中的 获取      更新时间：2023-09-26

嗨，我正试图通过使用javascript让我的选项卡正常工作，但在更改包含内容的div时遇到了一些问题。

这些是我的标签，还有更多，但我会显示2个，例如

<li id="sub1" class="moduleTabs"><a href="#">Practice</a>
       <ul class="collapse">
           <li class="unselected"><a href="#pro1" id="t1">Principle</a></li>
           <li class="unselected"><a href="#pro2" id="t2">Basics</a></li>
       </ul>
</li>

这是我的div，包含内容

<div id="pro1" class="information">
    <h2>Principles</h2>
    <p></p>
</div>
<div id="pro2" class="information">
    <h2>Basics</h2>
    <p></p>
</div>

这是我的javascript代码

$('#t1, #t2, #t3, #t4, #t5, #t6, #t7, #t8, #t9, #t10, #t11, #t12, #t13, #t14').parent('li').click(function () { 
    $(this).addClass('clicked');
    $(this).siblings().removeClass('clicked');
    //this part is to remove the content in homepage
    $('#content').hide();
    //i'm trying to get the url name #pro1 if link #t1 is click so that the div will fade in
    $(this).find('a').attr('href').fadeIn();
    $(this).siblings().find('a').attr('href').hide();
})/

我现在面临的问题是$(this).find('a').attr('href').fadeIn()不起作用。我无法从所选的选项卡中获取url链接(#pro1)。

问题是$(this).find('a').attr('href')会返回一个类似"#pro1"、"#pro2"的字符串。。。而不是直接的jQuery对象。您必须将这个字符串提供给jQuery函数才能获得相应的元素。

更改此项：

$(this).find('a').attr('href').fadeIn();

至

$($(this).find('a').attr('href')).fadeIn();
相关文章：