使用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