如何运行.clicks元素父级同级选择器？

Question

下面是我最近的尝试：

var aSl = document.querySelector('input[id^="blahblah"]');
aSl.closest("span.k-icon.k-i-collapse").click();

它返回：

myjs.js：181未捕获的TypeError：无法读取null的属性'closest'

我也尝试过用parent.sibling代替上面的.closest-返回的是[[......父母不是函数错误。

下面是我的标记：

<span class="k-icon k-i-expand">::before</span> <--- this is what I'm trying to run .click() on
<span class="k-checkbox-wrapper">
   <input type="checkbox" tabindex="-1" id="blahblah-blah" class="k-checkbox">
<span>...</span>
</span>

Answer 1

如评论中所述，似乎您将jquery的API与DOM API混合在一起，坚持使用其中的一个，就可以得到结果（假设blahblah的选择器实际上找到了一个对象）