文章/答案/技术大牛

发布

社区首页 >问答首页 >如何跳转到第一里的锚？

问如何跳转到第一里的锚？
EN

Stack Overflow用户

提问于 2014-11-17 12:03:45

回答 2查看 73关注 0票数 0

下面是html代码：

<span class="expander"><span class="caret"></span></span>
<ul class="expander-target displaynone">
     <li><a href="http://localhost:8008/management/ecshop/edit">aaaaaaaa</a></li>
     <li><a href="http://localhost:8008/management/coupon">bbbbbbb</a></li>
     <li><a href="http://localhost:8008/management/sale">ccccccc</a></li>
     <li><a href="http://localhost:8008/management/mail/template">ddddddd</a></li>
</ul>

下面是jquery代码：

   $('.expander').click(function(){
    $(this).toggleClass('open');
    $(this).nextAll('.expander-target').slideToggle('fast');
                   //console.log($(this).siblings("ul li:first-child").attr("href");  
  });

如何编写跳转到第一个li锚地址的代码？谢谢

jquery

回答 2

Stack Overflow用户

发布于 2014-11-17 12:09:33

就用这个吧

console.log($(".expander-target li:first  a").attr("href"));

下面是有效的fiddle

更新

要使用this获取它，请使用这个，它将从单击的项目中查找下一个ul

console.log($(this).next("ul.expander-target").find('li:first a').attr("href"));

票数 1

Stack Overflow用户

发布于 2014-11-17 12:53:42

请尝试这个：

$( document ).ready(function() {
    alert($(".expander-target li:first-child a").attr("href"));
    alert($("ul li:first-child a").attr("href"));
 });

API details here

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/26965325

复制

相似问题

问如何跳转到第一里的锚？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何跳转到第一里的锚？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何跳转到第一里的锚？
EN