$('button').on('click', function(){ var str = $.map($('.bimg'), (e) => $(e).attr('src')).join(','); console.log(str); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <img class='bimg' src='gall/lorem.jpg' alt='img'> <img class='bimg' src='gall/ipsum.jpg' alt='img'> <img class='bimg' src='gall/dolor.jpg' alt='img'> <button>CLICK</button>Resultado:
gall/lorem.jpg,gall/ipsum.jpg,gall/dolor.jpgLo que necesito:
lorem,ipsum,dolorAgrega lo siguiente a tu mapa
.split('/').pop().split('.').shift() Así que nos dividimos en cada / y usamos pop() para encontrar el último
Luego nos dividiremos en cada uno . y usa shift() para obtener la primera parte
$('button').on('click', function(){ var str = $.map($('.bimg'), (e) => $(e).attr('src').split('/').pop().split('.').shift()).join(','); console.log(str); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <img class='bimg' src='gall/lorem.jpg' alt='img'> <img class='bimg' src='gall/ipsum.jpg' alt='img'> <img class='bimg' src='gall/dolor.jpg' alt='img'> <button>CLICK</button>lorem.jpg,ipsum.jpg,dolor.jpg
Puede usar regex para obtener el nombre de la imagen de src .
$('button').on('click', function() { var str = $.map($('.bimg'), (e) => $(e).attr('src').match(/\/(.*)\.jpg/)[1]).join(',') console.log(str); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <img class='bimg' src='gall/lorem.jpg' alt='img'> <img class='bimg' src='gall/ipsum.jpg' alt='img'> <img class='bimg' src='gall/dolor.jpg' alt='img'> <button>CLICK</button>