javascript - 循环元素并检查类是否存在javascript

Question

我有 3 个选择选项。我可以通过这种方式获得它们:

var theSelect = $("#id_"+portletId+"_ .selectpicker");

结果是:

0:select#_Name_zeroid.form-control.selectpicker.completed
1:select#_Name_firstid.form-control.selectpicker.completed
2:select#_Name_secondid.form-control.selectpicker

如您所见，其中 2 个选择具有属性 completed 。如果属性 completed 存在，我如何循环这些并获得一个简单的 console.log()？

Answer 1

您可以使用 classList DOM 属性，它有一个 contains 方法，它接受一个字符串并返回一个 bool 值。

或者你可以使用 jQuery

原生

document.querySelectorAll(".selectpicker").forEach(node => node.classList.contains("completed"));

jQuery

// filter the results
const theSelect = $("#id_"+portletId+"_ .selectpicker").filter(".completed");