Question

我想引用页面上有

的所有锚标记

<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>

使用jquery将

h2 标记作为其父级，因为我必须通过父 h2 的每个锚标记，然后添加属性

onclick="callme();";

我正在使用该代码onclick

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

但没有努力链接到小提琴是jsfiddle

感谢tobby的回答是正确的

selector(h2 + a)...

Answer 1

$('h2').find('a').on('click', callme);

您可以通过绑定到主体一次（事件委托）来避免所有不必要的遍历，如下所示：

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

Answer 2

请参阅：https://jsbin.com/towejoqudu/edit?html,js,console,output

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

使用jquery循环遍历html页面的所有锚标签？

2 个答案: