javascript - div から最初の img を選択する

Question

私は次のhtmlを持っています。

<div>
   <img class="foo">
   <a href="#" onClick="changeImage(this, param1, param2)">sth</a>
</div>

ユーザーがリンクをクリックしたときに画像のクラスを変更したい（削除foo、追加）。barただし、jquery の正しいセレクターを書き留めることはできません。

関数に本当に渡す必要があるかどうかもわかりませんthis。

function changeImage(link, param1, param2) {

    //Following line does not work
    $(link).parent('div img').removeClass("foo").addClass("bar");

}

Answer 1

このコードを試してください：

   function changeImage(link, param1, param2) {
        $(this).closest('div').find('img:first').removeClass('foo').addClass('bar');
        return false;
    }

Answer 2

$(link).prev('img').removeClass("foo").addClass("bar");

また

$(link).siblings('img').removeClass("foo").addClass("bar");

Answer 3

これを試すことができます

JS コード

function changeImage(link, param1, param2) {
    $(link).siblings().removeClass('foo').addClass('bar');
}