Javascript按类单击元素
Javascript按类单击元素
提问于 2014-08-30 23:55:29
因此，我正在编写一个可以在页面上运行的脚本，但是我想点击这个元素，不幸的是，它没有一个id，我试图在它上使用.click()函数，但是它不起作用，这就是我所拥有的，有人知道如何修复它吗？这是类中唯一的元素
var classes = document.getElementsByClassName('rateRecipe btns-one-small');
var Rate = classes[0];
Rate.click();回答 4
Stack Overflow用户
回答已采纳
发布于 2014-08-30 23:58:16
我建议：
document.querySelector('.rateRecipe.btns-one-small').click();上面的代码假设给定元素具有这两个类；否则，如果空格意味着一个祖先-后代关系：
document.querySelector('.rateRecipe .btns-one-small').click();getElementsByClassName()方法使用单个类名(而不是使用CSS选择器的document.querySelector()/document.querySelectorAll() )，您将两个类名(可能是类名)传递给该方法。
参考文献：
Stack Overflow用户
发布于 2018-07-06 09:48:49
如果要单击某个类选择的all元素，可以使用此示例(在“喜爱的轨道”页面中的last.fm上使用到“取消所有”)。
var divs = document.querySelectorAll('.love-button.love-button--loved');
for (i = 0; i < divs.length; ++i) {
divs[i].click();
};使用ES6和Babel (不能直接在浏览器控制台中运行)
[...document.querySelectorAll('.love-button.love-button--loved')]
.forEach(div => { div.click(); })Stack Overflow用户
发布于 2021-10-29 07:46:38
这正是您想要的(如果您知道按钮的索引)：
var rate = document.getElementsByClassName('rateRecipe btns-one-small')[0];
rate.click();或直接作用
document.getElementsByClassName('rateRecipe btns-one-small')[0].click();用jQuery
$('.rateRecipe .btns-one-small').click(function(){
var vIndex = $('.rateRecipe .btns-one-small').index(this);
//vIndex is the index of buttons out of multiple
//do whatever
//alert($(this).val());//for value
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25587762
复制相关文章
相似问题
腾讯云开发者
