【问题标题】:loop through all anchor tags of html page using jquery?使用jquery 遍历html 页面的所有锚标记?
【发布时间】:2016-03-24 15:09:23
【问题描述】:

我想引用页面上所有具有

的锚标记
<body>
    <h1>not me</h1>
    <a href ="google.com"></a>
    <h1>not me also </h1>
    <a href ="fb.com"></a>

    <h2>me also as i am H2 </h2>
    <a href ="FIDDLE.com"></a>
    <h3>not me also </h3>
    <a href ="fbO.com"></a>
    <h2>me also as i am H2 </h2>
    <a href ="FIDDLE2.com"></a>

    <button onclick="score2Dmatrix();" id="btn" ></button>

h2 标签作为他们的父使用 jquery ,为此我必须通过每个具有父 h2 的锚标签,然后添加属性

onclick="callme();";

我正在使用该代码 onclick

<script>      
function callme() {
    $("h2 a").each(function () {
    $(this).attr("onclick", "score2Dmatrix();");
    });
};
</script>

但不努力 指向小提琴的链接是jsfiddle

感谢托比的回答是对的

selector(h2 + a)...

【问题讨论】:

  • 小提琴

    中的第一件事不是锚( )的父级。请正确指定问题。

  • 您的 html 中的所有 h2 都是 a 的兄弟姐妹,而不是父母
  • 现在检查他们的每一件事
  • 托比弗莱明的回答应该很好地为您服务。要使用 jquery 将 attr 添加到元素,请检查以下链接 w3schools.com/jquery/html_attr.asp
  • 点击按钮我想循环浏览页面的所有锚标签而不是特定点击锚标签'

标签: javascript jquery html css


【解决方案1】:

请看:https://jsbin.com/towejoqudu/edit?html,js,console,output

我已在您的锚点中添加了文本,因此您可以实际点击它们。

【讨论】:

  • stackoverflow 的重点是学习,而不是找人为你工作。要求提供正确答案的人也重写您的代码不符合本网站的精神。
  • 你能解释一下这样做的目的吗?你想达到什么目的?
  • 这个选择不起作用我在调试模式下检查过
  • 当我问到关于学习的问题时,人们说我们提供解决方案而不是学习其他网站,这是我的项目中的一个问题,我卡住了我想获得所有带有标题 h2 的锚标签你h2 a 也不能在控制台中工作
  • 您想获取 h2 内或 h2 旁边的所有锚标签吗?
【解决方案2】:
$('h2').find('a').on('click', callme);

您可以通过绑定到主体一次(事件委托)来避免所有不必要的遍历,如下所示:

$('body').on('click', 'a', function(){
    var $clicked = $(this);
    if($clicked.closest('h2').length){
        callme();
    }
});

【讨论】:

  • 我想在所有锚标签中添加onclick="callme();"h2 作为标题,请参阅小提琴修改
猜你喜欢
  • 1970-01-01
  • 2013-08-23
  • 1970-01-01
  • 2010-10-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多