求助如何使用 js 脚本（或油猴脚本）点击 class 按钮

[yulihao]

按钮代码如下
<div class="click-area"></div>
<div class="option-item first-option">A</div>
要求是当按钮出现时实现自动点击，谢谢啦

[no1xsyzy]

当按钮出现时？
那只有 MutationObserver 了

[yulihao]

@no1xsyzy 有具体代码吗，写第二个按钮就行

[no1xsyzy]

@yulihao #2 伸手还是退避吧

[yulihao]

@no1xsyzy 我主要是百度和谷歌了一堆代码（自己也学过来改），挂在油猴里面无效，各种报错

[no1xsyzy]

@yulihao #4 https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/master/README-zh_CN.md

[ochatokori]

类选择器

[kuro1]

$("body").bind('DOMNodeInserted', function(e)

[wlor]

$("body").bind('DOMNodeInserted', (e) =>{
if ($(e.target).attr("class") === "option-item first-option") {
$(e.target).click()
$('body').unbind("DOMNodeInserted");
}
});

[no1xsyzy]

@kuro1 #7 @wlor #8 提醒一下吧
Note: Mutation Events (W3C DOM Level 3 Events) have been deprecated in favor of Mutation Observers (W3C DOM4).
顺便 bind / unbind 也 deprecated 了（被 on / off 取代）。
如果不在乎 deprecated 的话有比 #8 更好的写法。
提示：1. jquery on 事件代理机制； 2. 为 function 添加名称来在内部使用之。

[wlor]

好的 学习了

[pluszone]

document.querySelector('#xxxxxxx').click();
可以用 setTimeout 写个延时

[yulihao]

#11 楼
正解