javascript - jQuery无法选择元素

Question

我有一个 div 类，它本质上是一个我试图使用 jQuery 来单击的按钮

<div class="tool-button refresh-button icon-tool-button" title="Refresh"><div class="button-outer"><span class="button-inner"><i class="fa fa-refresh text-blue"></i> </span></div></div>

这是我尝试过的，但日志确认长度为 0，因此未选择，有什么建议吗？：

console.log($('.div.tool-button .refresh-button icon-tool-button:first'))

console.log($('.div.tool-button .refresh-button icon-tool-button'))

标签： javascripthtmljqueryonclick

Answer 1

选择器有多个问题。

1. 消除 。之前div因为它是一个标签而不是一个类。
2. 删除类之间的空格，当它们之间有空格时，jquery 正在寻找前一个选择器的子元素。

console.log($('div.tool-button.refresh-button.icon-tool-button:first').length);

console.log($('div.tool-button.refresh-button.icon-tool-button').length);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="tool-button refresh-button icon-tool-button" title="Refresh">

</div>