JQuery как выбрать следующий идентификатор с помощью селектора

HTML:

<div id="videos">
    <a href="javascript:loadAndPlayVideo('QXoIMTjk9Xg')"><img src="http://i.ytimg.com/vi/QXoIMTjk9Xg/default.jpg" id="thumb_QXoIMTjk9Xg"></a>
    <a href="javascript:loadAndPlayVideo('nWubfMkDfVs')"><img src="http://i.ytimg.com/vi/nWubfMkDfVs/default.jpg" id="thumb_nWubfMkDfVs"></a>
    <a href="javascript:loadAndPlayVideo('S3WDKXq36WI')"><img src="http://i.ytimg.com/vi/S3WDKXq36WI/default.jpg" id="thumb_S3WDKXq36WI"></a>
    <a href="javascript:loadAndPlayVideo('sGrfLQVVI8A')"><img src="http://i.ytimg.com/vi/sGrfLQVVI8A/default.jpg" id="thumb_sGrfLQVVI8A"></a>
</div>

Проблема: У нас есть идентификатор « nWubfMkDfVs », и нам нужно знать следующий идентификатор, чтобы получить функциональность списка воспроизведения.

Примечание: это без thumb_, thumb_ потому что я использую идентификатор nWubfMkDfVs в другом div и хочу избежать двойного идентификатора

Вопрос 1 : Как создать селектор, который дает нам S3WDKXq36WI в качестве ответа при использовании nWubfMkDfVs?

Вопрос 2 : Как создать селектор, который дает нам QXoIMTjk9Xg в качестве ответа при использовании sGrfLQVVI8A?

Я пробовал много селекторов, но все они потерпели неудачу, мне очень любопытно, как вы решите эта проблема!