【问题标题】:JQuery Tampermonkey clicking a button with multiple classesJQuery Tampermonkey 单击具有多个类的按钮
【发布时间】:2017-05-31 01:58:47
【问题描述】:

我目前正在尝试制作一个 TamperMonkey/GreaseMonkey 脚本来输入一些信息/单击一些按钮。

该网站几乎不使用 ID,主要只使用类名。我设法弄清楚如何输入信息,但我无法弄清楚如何单击具有多个类的按钮。

这是我尝试点击的按钮示例:

<button type="submit" class="btn btn-success btn-lg btn-block btn-submit waves-effect waves-light">Save</button>

这是我最近点击它的尝试:

document.getElementsByClassName(".btn.btn-success.btn-lg.btn-block.btn-submit.waves-effect.waves-light")[0].click();

我在 StackOverflow 上尝试了一些不同的建议,但它们似乎不起作用。不太确定还能做什么。非常感谢您的帮助,谢谢。

【问题讨论】:

  • .getElementsByClassName 注意“By”前面的“s” ;)
  • 之前已经有了,我拿掉了 s 来玩玩它:/ 还是没什么可悲的,不过还是谢谢
  • getElementsByClassName 不是 jQuery,它需要一个普通的类字符串,所有类用空格而不是点分隔。
  • 是的,最后把它们混在一起了。谢谢:)

标签: javascript jquery greasemonkey tampermonkey


【解决方案1】:

好的...你在这里混合使用 jQuery 和 JavaScript 语法。

如果想要在 JavaScript 中使用它,这应该可以:
(因此您不必在 GreaseMonkey 中加载 jQuery)

document.getElementsByClassName(" btn btn-success btn-lg btn-block btn-submit waves-effect waves-light")[0].click();

«names 是一个字符串,表示要匹配的类名列表;类名用空格分隔» Reference

如果你想在 jQuery 中使用它:

$(".btn.btn-success.btn-lg.btn-block.btn-submit.waves-effect.waves-light").first().click();

【讨论】:

  • 哎呀...非常感谢 :) 很抱歉,正在搜索很多不同的答案,最后混淆了一些东西。编辑:赞赏:)
  • 语法是编码问题的最大来源。 ;) 始终检查文档! ;)
猜你喜欢
  • 2014-07-22
  • 1970-01-01
  • 2018-02-28
  • 1970-01-01
  • 2022-11-12
  • 1970-01-01
  • 1970-01-01
  • 2019-02-23
  • 2019-12-02
相关资源
最近更新 更多