複数同一idの一部path変更

ID振り分けられるなら、直接指定で

<img src="data/A/sample1-1.png" alt="" width="100%" height="100%" id="chimg1" />
<img src="data/A/sample1-2.png" alt="" width="100%" height="100%" id="chimg2" />

    var imgSrc = $("img#chimg1").attr('src').split('/');
    var chpath = $("img#chimg1").attr('src').replace(imgSrc[1], user);
    $("img#chimg1").attr('src', chpath);

クラスに変えれれば、eqで一番目を取得してくればOKだと思います。

<img src="data/A/sample1-1.png" alt="" width="100%" height="100%" class="chimg" />
<img src="data/A/sample1-2.png" alt="" width="100%" height="100%" class="chimg" />

    var imgSrc = $("img.chimg").eq(0).attr('src').split('/');
    var chpath = $("img.chimg").eq(0).attr('src').replace(imgSrc[1], user);
    $("img#chimg1").eq(0).attr('src', chpath);

問題の意図を間違えておりました。
eachで回せば、個別に変更できます。

function changeUser(dir, imgid, vidid) {
    var user = dir;
    $('img.chimg').each(function(){
        var imgSrc = $(this).attr('src').split('/');
        var chpath = $(this).attr('src').replace(imgSrc[1], user);
        $(this).attr('src', chpath);
    })
};

$('img.chimg')の部分は、$('img#chimg1, img#chimg2')でも
指定したセレクターの分だけ、処理がされます。

videoのposter,sourceのほうも変更する 

srcやposterなどの変更用のクラスはタグが違うだけで、基本的には同じ処理をするので、
タグを判定し、同じ記述が重ならないようにしたほうが良いのかなと思います。

<img src="data/A/sample1-1.png" alt="" width="100%" height="100%" class="chimg" />
<img src="data/A/sample1-2.png" alt="" width="100%" height="100%" class="chimg" />
<video controls width="100%" height="100%" poster="data/A/sample2-1.png" id="chvid" class="chimg">
　<source src="data/A/sample2-2.mp4" class="chimg">
</video>

function changeUser(dir, imgid, vidid) {
    var user = dir;
    $('.chimg').each(function(){
        //タグ取得
        var tag = $(this).get(0).tagName.toLowerCase();

        changeTag = 'src';
        //videoなら対象のタグをposterにする
        if(tag == 'video'){
            changeTag = 'poster';
        }

        var imgSrc = $(this).attr(changeTag).split('/');
        var chpath = $(this).attr(changeTag).replace(imgSrc[1], user);
        $(this).attr(changeTag, chpath);
    })
};

回答ありがとうございます。

function changeUser(dir, imgid, vidid) {
    let ar = ['#chimg1', '#chimg2'];
    var user = dir;
    for (let i = 0; i < ar.length; i++) {
        var imgSrc = $(ar[i]).attr('src').split('/');
        var chpath = $(ar[i]).attr('src').replace(imgSrc[1], user);
        $(ar[i]).attr('src', chpath);
    }
};

というforで処理できるとは考えたのですが、

let ar = ['#chimg1', '#chimg2'];

ここをもっとうまく取得する方法はないのでしょうか。

videoタグの場合は参照先を変更した後にload()をする必要があることがわかりました。

    $('.change').each(function () {
        //変更要素定義
        changeTag = 'src';
        //ディレクトリごとに分割
        var chSrc = $(this).attr(changeTag).split('/');
        //参照パス作成
        var chpath = $(this).attr(changeTag).replace(chSrc[1], dir);
        //参照パス更新
        $(this).attr(changeTag, chpath);

        //タグがVIDEOの場合は読み込み対応必須
        if ($(this).get(0).tagName == 'VIDEO') {
            var video = $(this).get(0);
            if ($(this).hasClass('keep')) {
                video.currentTime = 1000;
            }
            video.load();
        }
    });