如何點擊<span>使用JavaScript。</span> <span><span>沒有類別或編號</span></span>

Question

我想單擊頁面元素加載上的<span> ，但是我的范圍沒有類或ID。
跨度為

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

我想要類似的東西

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

但這返回錯誤

TypeError：$（...）為空

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() { });

Answer 2

使用jQuery API中的.trigger（type）

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

http://api.jquery.com/trigger/

Answer 3

如果您收到以下錯誤，則說明您的javascript還有其他問題：

TypeError：$（...）為空

我建議做一些研究。 我將其復制到Google中並得到：

1. TypeError：$（...）在Firebug中為null，但代碼可在jsFiddle上使用
2. “ TypeError：$（...）為null”這是怎么回事？
3. 類存在，但出現jQuery錯誤：TypeError $（...）為null