jQuery 仅切换此元素

Question

我有这个代码:

$("#communities .inventory-search button.dropdown-toggle").on("click", function () {
    $(".inventory-search .dropdown-toggle img").toggle();
});

这有效，但它不断切换所有 .dropdown-toggle img 项目，我如何只定位被单击的项目？

Answer 1

您应该使用 $(this) 来引用当前单击的元素，例如:

$("img", this).toggle();
//Or
$(this).find("img").toggle();

否则 .dropdown-toggle 中的所有图像都将在单击时切换，而不仅仅是单击的图像，完整代码将是:

$("#communities .inventory-search button.dropdown-toggle").on("click", function () {
    $("img", this).toggle();
});

希望这有帮助。