Jquery 添加和删除类onclick

我试过这个代码，但没有任何机会让它工作。 我想让我点击图片，它得到了它的活跃类

这是我的HTML

<ul id="og-grid">
    <li>
        <a href="#"><img src="http://hhhhold.com/150"></img></a>
    </li>

    <li>
        <a href="#"><img src="http://hhhhold.com/149"></img></a>
    </li>

    <li>
        <a href="#"><img src="http://hhhhold.com/151"></img></a>
    </li>
</ul>

以前有人这样做过吗，你能帮我吗

---

最近的只会向上移动，而不会向下移动。使用儿童。 此外，img没有兄弟元素，而是li元素有兄弟元素。因此，您需要返回DOM来修复这些问题

---

我只需删除所有类，然后添加所需的类。

最近的类只会在DOM中上升，而不会下降。使用儿童。 此外，img没有兄弟元素，而是li元素有兄弟元素。因此，您需要返回DOM来修复这些问题

---

我只需删除所有类，然后添加所需的类。

最近的类只会在DOM中上升，而不会下降。使用儿童。 此外，img没有兄弟元素，而是li元素有兄弟元素。因此，您需要返回DOM来修复这些问题

---

我只需删除所有类，然后添加所需的类。

最近的类只会在DOM中上升，而不会下降。使用儿童。 此外，img没有兄弟元素，而是li元素有兄弟元素。因此，您需要返回DOM来修复这些问题

我只需删除所有类，然后添加所需的类。

试试这个

试试这个

试试这个

试试这个

---

我会分两步来做：

// clear active classes from all images
$('#og-grid li a img').removeClass('active');
// add active class to clicked image
$(this).find('img').addClass('active');

---

我将分两步完成：

// clear active classes from all images
$('#og-grid li a img').removeClass('active');
// add active class to clicked image
$(this).find('img').addClass('active');

---

我将分两步完成：

// clear active classes from all images
$('#og-grid li a img').removeClass('active');
// add active class to clicked image
$(this).find('img').addClass('active');

---

我将分两步完成：

// clear active classes from all images
$('#og-grid li a img').removeClass('active');
// add active class to clicked image
$(this).find('img').addClass('active');