根据每个图像名称，使用jquery添加title标签
根据每个图像名称，使用jquery添加title标签
提问于 2013-04-16 23:45:26
我想使用jquery向ls-thumb-active类添加一个title标记，我用下面的代码来实现：
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
tooltip = "mouseover";
$('.ls-thumb-active').attr('title', tooltip);
$('.displaytitle').html($('.ls-thumb-active').attr('title'));
});//]]>
</script>问题是，我希望它将实际的img名称显示为tooltip变量，而不在末尾显示.jpg。这个是可能的吗？
回答 5
Stack Overflow用户
发布于 2013-04-16 23:50:38
您可以去掉图像名称的".jpg“部分，如下所示，这将允许您删除名称后面的任何扩展名：
var imageName = imageElementYouAreGettingSomewhere.src;
imageName = imageName.substr(0, imageName.lastIndexOf('.'));
$('.displaytitle').attr('title', imageName );Stack Overflow用户
发布于 2013-04-16 23:48:36
你可以通过“拆分”你的img名字很容易做到这一点。因此，假设var镜像是您的镜像名称，如下所示：
var image = 'something_unusual.jpg';您可以像下面这样获取镜像名称：
var image_name = image.split('.')[0];然后，当然，添加它的方式与第一次一样：
$('.ls-thumb-active').attr('title', image_name);请注意，我使用的方法是" split "，它按字符“拆分”图像名称。因此，如果图像，由于某种原因，作为一个“。以他的名义，这可能会失败。您还可以使用最后一个点的索引进行子串、拼接等操作。但在该示例中，如果图像名称中没有点，则无论文件扩展名是什么，它都将完美工作。希望这能帮上忙。
Stack Overflow用户
发布于 2013-04-16 23:51:05
因为这对于每个图像都是必需的，所以您需要迭代所有图像并设置title属性。
$('.ls-thumb-active').each(function() {
var imgName = $(this).attr('src').split('.')[0];
$(this).attr('title', imgName );
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16041402
复制相关文章
相似问题
腾讯云开发者
