Question

var footerArray = document.getElementsByTagName('a');

for (var i = 0; i<footerArray.length; i++)
{
  footerArray[i].addEventListener("click",function(e)
    {
      console.log(e.target.innerHTML)
    }, false);
}

这是我有工作来控制记录页脚中元素的代码。我需要将它转换为jquery并且不知道如何。

Answer 1

这将是最快捷的方式：

$('a').click(function(){
    console.log($(this).html());
});

Answer 2

试试这个：

var footerArray = $('a'); 

$.each(footerArray, function() {
     $(this).on('click',function()  {
        console.log($(this).html());
    });
});

或基本上：

$('a').on('click', function(){
     console.log($(this).html());
});

Answer 3

请尝试以下代码：

<html>
<head>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script>
$(document).ready(function() {
    var items = $('a');
    for (var i = 0; i < items.size(); i++) {
        var it = $(items[i]);
        it.click(function() {
            console.log($(this).html());
        });
    }
});
    </script>
    <style>
.highlight {
    color: red;
}   
    </style>
</head>
<body>
    <a href="javascript: return false">Link 1</a>
    <a href="javascript: return false">Link 2</a>
</body>
</html>

我想将此javascript代码转换为Jquery

3 个答案: