jquery - 从动态 id 和静态类选择器中引用 IMG src

Question

我对我的元素使用相同的类，但我更改了 id。id 是唯一的

<div class="buttons">
    <a href="" class="wanted" id="'.$status_id[$num].'">
        <img src="/images/wanted.png">
    </a>
    <a href="" class="unwanted" id="'.$status_id[$num].'">
        <img src="/images/unwanted.png">
    </a>
</div>

当单击想要的类时，我试图引用不需要的.png 以在 jquery 中更改它。

我使用var x = document.getElementById(id);get ，但如果不使用参考.wanted，我无法弄清楚如何获取。.unwanted$(this)

任何帮助都会非常有用。

Answer 1

当您单击其中一个链接时，获取其兄弟：

$('.buttons a').click(function(e) {
    e.preventDefault();
    var otherLink = $(this).siblings().first();

    // do something with other link
});

演示

Answer 2

2 个 HTML 元素不应具有相同的 id。

但是，使用 JQuery 你可以不使用：$('anyselector:not(.unwanted)')