javascript - 通过 jQuery 捕获具有特定数据切换的所有对象

Question

我使用 jQuery 3.5.1 并且我的 DOM 中有以下 HTML 元素:

<a href="#top" data-toggle="sidebar-collapse" class="...">

我尝试通过以下表达式捕获它:

$('[data-toggle=sidebar-collapse]')

这个返回一个空列表，我想知道我在这里缺少什么。原始示例来自以下链接:我将源代码复制到我的项目中但没有成功。感谢您的帮助!

https://www.codeply.com/p/1TlcDLPfiE

附注在最初的版本中，它被称为“sidebar-colapse”，带有一个“l”。我在 JS 和 html 文件的示例中修复了这个问题。

Answer 1

您缺少quotes in your attribute selector ，应该是这样的:

console.log($('[data-toggle="sidebar-collapse"]'))

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#top" data-toggle="sidebar-collapse" class="...">