Onclickイベント発火後に要素を取得したい

Question

<div class="image">
    <img id="test1" onclick="testEvent()">
    <img id="test2" src="xxxx" hidden>
</div>
<div class="image">
    <img id="test1" onclick="testEvent()">
    <img id="test2" src="xxxx" hidden>
</div>
<div class="image">
    <img id="test1" onclick="testEvent()">
    <img id="test2" src="xxxx" hidden>
</div>
....
...
..
.

function testEvent() {

}

**testEvent()**が発火したあとにid="test2"のsrc要素を取得したいのですがどのように書けばよいでしょうか。
画像を連続で表示させる想定なので、onclickイベントの直後の要素のみを取得したいです。
よろしくお願い致します。

Answer 1

こんにちは。

    <img id="test1" onclick="testEvent(event)">

として、イベントを受け取るのがいいかと思います。

function testEvent(event){
  event.target.nextElementSibling.src;
}