javascript - 如何仅映射图像源属性的一部分
问题描述
$('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>
结果:
gall/lorem.jpg,gall/ipsum.jpg,gall/dolor.jpg
我需要的:
lorem,ipsum,dolor
解决方案
将以下内容添加到您的地图中
.split('/').pop().split('.').shift()
所以我们分开每个/
并使用pop()
找到最后一个
然后我们将拆分每个.
并用于shift()
获取第一部分
$('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
推荐阅读
- excel - 使用数据透视表,以便我仍然可以获得文本值,以及将数据拆分为多个工作表的方法
- mongodb - 是否可以按包含子文档的数组中的某个值对文档进行分组?
- c# - 按权重随机排序列表
- ios - 如何在 iOS Swift 中应用 Async/await(如 javascript)?
- c# - 提取当前打开的 PowerPoint 演示文稿的所有内容并使用 C# 将其转换为 MemoryStream
- android - 恢复活动后停止动画效果
- office365 - 工作表中的行添加/删除和列添加是否有任何事件
- python - 分解以下代码的循环逻辑:
- php - CodeIgniter 上的自定义数据类型
- powershell - 从文件中保存和检索字典对象