javascript - 循环遍历所有链接并找到 href

标签 javascript jquery

这只是找到第一个链接。为什么它不循环遍历所有链接?

http://jsfiddle.net/infatti/7r4fV/

var alertHref = $('#myLinks').find('a').attr('href');

$('#myDivs').find(alertHref).css('background-color', 'yellow');

<span id="myLinks">
  <a href="#div1">link 1</a>
  <a href="#div2">link 2</a>
</span>
<hr />
<div id="myDivs">
  <div id="div1">div 1</div>
  <div id="div2">div 2</div>
</div>

最佳答案

find('a') 返回所有 a 元素的列表,但 .attr('href') 返回 href仅第一个链接。

您需要循环遍历 a 元素:

http://jsfiddle.net/Gj2R9/

$('#myLinks a').each(function() {
    $($(this).attr('href')).css('background-color', 'yellow');
});

关于javascript - 循环遍历所有链接并找到 href,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18066901/

相关文章:

javascript - 等效于 ES6 生成器的 Function.prototype.apply

javascript - 使用 Parse 丢失 $scope 变量

javascript - js中这两种方法表示有什么区别

javascript - 在父 div 中滚动子 div

jquery - nivo padding,与框阴影接壤

javascript - 侧边栏滚动连接到主容器

javascript - 使用 undefined reference 运行函数

javascript - jQuery $.get 从 https 站点到 http

javascript - 如何检查对象数组中包含的字符串

javascript - 如何在 HTML 页面上隐藏/显示图像