javascript - 如何查找和单击元素具有特定的类而没有特定的类？

实际上，我想查找具有特定类而没有特定类的元素，例如，我的意思是这是代码。

在这段代码中，我们有toggle-like和has-like，但是我想找到所有具有toggle-like但没有has-like的元素


  请您是否可以编写javascript和jquery代码。

 <button class="widget-button toggle-like has-like fade-out no-text" aria-label="شما این نوشته را پسندیده‌اید" title="شما این نوشته را پسندیده‌اید" disabled="true">
    <i class="fa fa-heart" aria-hidden="true"></i>
</button>

================================

var sad = document.querySelectorAll("button:not([.has-like])");
    for (var i = 0; i < happy.length; i++) {
        sad[i].click();
    }

最佳答案

您的选择器错误，对于类，您需要在.前面加上类名

var sad = document.querySelectorAll("button.toggle-like:not(.has-like)");
//jQuery code
var sad = $("button.toggle-like:not(.has-like)");

console.log(document.querySelector("button.toggle-like:not(.has-like)"))

<button class="widget-button toggle-like has-like fade-out no-text" aria-label="شما این نوشته را پسندیده‌اید" title="شما این نوشته را پسندیده‌اید" disabled="true">
    <i class="fa fa-heart" aria-hidden="true"></i>
</button>