如何點擊使用javascript的<span>。 <span>沒有課程或ID

Question

我想單擊頁面元素加載上的<span>，但我的範圍沒有課程或ID。
跨度爲

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

我想是這樣

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

但這將返回錯誤

TypeError: $(...) is null

Answer 1

如果要觸發元素上的點擊，你可以不喜歡它這個：

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

Complete Vanilla JS Demo

或者，如果你想的jQuery（呸）版本：

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

Complete jQuery Version

---

年長的答案

使用純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 （呸）：從jQuery API

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

Answer 2

使用.trigger（類型）

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

​​

Answer 3

如果你得到下列錯誤，那麼就意味着有一些其他的問題與你的JavaScript：

TypeError: $(...) is null

我建議做一些研究。我複製了到谷歌，得到了：

1. TypeError: $(...) is null error in firebug but code works on jsFiddle
2. "TypeError: $(...) is null" What's Going On?
3. Class exists but jquery errors: TypeError $(...) is null