gpt4 book ai didi

javascript - 多个链接的 getElementsByClassName 问题

转载 作者:行者123 更新时间:2023-11-29 19:02:02 24 4
gpt4 key购买 nike

下面的代码是一个示例 - 我在页面上有多个链接,我想用它们激活相同的功能,但我只能使用 GetElementsByClass 获取页面上的第一个链接来激活该功能。

<script>
window.onload = function() {


var a = document.getElementsByClassName('watchlist')[0];

a.onclick = function() {

$.post("watchlistinsert.php?symbol=AAPL&price=25&watchlistgroupid=1");

return false;
}
}
</script>
<body>
<a class="watchlist" href="##">linky</a>
<a class="watchlist" href="#">linky1</a>
<a class="watchlist" href="#">linky2</a>
<a class="watchlist" href="#">linky3</a>
</body>

最佳答案

getElementsByClassName 为您提供一个包含所有匹配元素的数组。所以你应该遍历它们,像这样:

var elements = document.getElementsByClassName('watchlist');
for(var i=0; i<elements.length; i++){
elements[i].onclick = function() {
$.post("watchlistinsert.php?symbol=AAPL&price=25&watchlistgroupid=1");
return false;
}
}

此外,由于 $.post,我假设您正在使用 jQuery。如果是这样,您可以这样做:

$('.watchlist').click(function(){
$.post("watchlistinsert.php?symbol=AAPL&price=25&watchlistgroupid=1");
return false;
});

关于javascript - 多个链接的 getElementsByClassName 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46245631/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com