如何使用javascript点击<span>.<span>没有类或ID

Question

我想点击<span>页面元素加载但我的span没有类或ID.
跨度是

<div class="block-title">
<strong><span>Refine By</span></strong>
</div>

我想要类似的东西

 $('.block-title > span').click(); 

但这会返回错误

TypeError:$(...)为null

Answer 1

如果要触发元素的单击,可以这样做:

var span= document.querySelector(".block-title span");
var click= new Event('click');
span.dispatchEvent(click);

完整的Vanilla JS演示

或者,如果你想要jQuery(yuck)版本:

//Creates and dispatches a click event
$('.block-title span').trigger('click');

完整的jQuery版本

较老的答案

使用纯javascript,您可以将onclick元素设置为函数:

document.querySelector(".block-title span").onclick = fn;
// or like document.querySelector(".block-title span").onclick = function(){};

或者,如果要使用事件侦听器:

var span = document.querySelector(".block-title span");
span.attachEvent('onclick', fn);
span.addEventListener('click', fn, false);

或者,如果你想使用jQuery(yuck):

$('.block-title span').click(function() { });