基於另一個div類的fire onclick事件？

Question

我有一個JavaScript按鈕，它觸發了一個onclick事件，但我只希望它能這樣做，如果另一個div包含一個名爲「active」的類。

所以我有這樣的結構：即基於其它頁活動

<div id="div1"> 
<div id="someid1" class="design"></div> 
<div id="someid2" class="design"></div> 
<div id="someid3" class="design"></div> 
<div id="someid4" class="design"></div> 
</div> 

任何可以改變到類= 「活性」

<div id="someid2" class="design active"> 

按鈕是：

<button type="button" id="button1" onclick="dosomething">Click me</button> 

但是我只想要dosomething工作，如果上面的任何div都有活動類，並且拋出一個警報，如果沒有。我對javascript的使用並不是非常好，可以使用一些幫助。

希望這是明確的。謝謝。

Answer 1

假設dosomething是一個功能，你可以只檢查類是

function dosomething() { 
    if (document.querySelector('#parentid .active')) { 
     // do stuff 
    } 
} 

querySelector返回內部null如果沒有找到，這是falsy。

document.querySelector documentation