我有链接设置如下:
HTML:
<a href="www.example1.com" class="some-link"> <a href="www.example2.com" class="some-link"> <a href="www.example3.com" class="some-link"> <a href="www.example4.com" class="some-link">
我想获得< a>的hrefs标签包含.我尝试迭代每个链接,如下所示:
Javascript / jQuery:
for (x=0; x < 5; x++) { link = $(".some-link")[x].attr("href"); console.log(link); }
解决方法
你需要在这里使用
eq()
,因为$(“.some-link”)[x]返回dom对象
attr()
方法只能用于jQuery对象.所以你需要使用
eq(x)
或
:eq()
for (x=0; x < 5; x++) { link = $(".some-link").eq(x).attr("href"); console.log(link); }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <a href="www.example1.com" class="some-link"> <a href="www.example2.com" class="some-link"> <a href="www.example3.com" class="some-link"> <a href="www.example4.com" class="some-link"> <a href="www.example4.com" class="some-link">
$(".some-link").each(function(){ var link=$(this).attr("href"); console.log(link); })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <a href="www.example1.com" class="some-link"> <a href="www.example2.com" class="some-link"> <a href="www.example3.com" class="some-link"> <a href="www.example4.com" class="some-link"> <a href="www.example4.com" class="some-link">
$(".some-link").attr("href",function(i,link){ console.log(link); })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <a href="www.example1.com" class="some-link"> <a href="www.example2.com" class="some-link"> <a href="www.example3.com" class="some-link"> <a href="www.example4.com" class="some-link"> <a href="www.example4.com" class="some-link">
原文地址:https://www.jb51.cc/js/158952.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。