使用jQuery选择元素

Question

我有一个HTML对象：

<li id="m_delete" data-group="edit" class="m_delete edit-object disabled" data-control="delete" title="Delete"><a href="#"></a></li>
<li id="m_edit" data-group="edit" class="m_edit edit-object disabled" data-control="drag" title="Edit"><a href="#"></a></li> 

使用下一行，我选择特定类中的所有元素。

$("#toolbar .edit-object").addClass('disabled');

但是，如何选择仅从该类中delete元素？ 下一行有什么问题？

$("#toolbar .m_delete .edit-object").removeClass('disabled');

不正确 如何解决（仅选择删除对象）？

Answer 1

$("#toolbar .m_delete.edit-object").removeClass('disabled');

您应该删除类名之间的空白以使选择器正常工作（因为您正在两个类的#toolbar中寻找一个元素）

但是当然最好用

$("#m_delete")

为了提高性能（并且因为该ID在页面中是唯一的）

Answer 2

如果要同时选择m_delete类和.edit-object类的元素，则可以使用此选择器：

$("#toolbar .m_delete.edit-object").removeClass('disabled');

我删除了空格，因为它将选择所有带有子元素.edit-object的.m_delete。

Answer 3

选择器的问题在于，它会选择所有具有类edit-object且具有父类m_delete其父节点带id toolbar 。

您可以像这样在您的脑海中翻译它：

#toolbar // .m_delete // .edit-object

正如F. Calderan在他的帖子中正确说的那样，您可以将具有edit-object和m_delete类的项目与选择器中的空格匹配： .edit_object.m_delete 。

可以将其翻译为：

#toolbar // .m_delete & .edit_object