有条件地通过jQuery将类添加到图像

阿里巴

此JS将图片文件名替换default.jpghqdefault.jpg以下所有图片。但是现在,如果Image srcimg.youtube.com通过扩展此JS在图像上具有链接,则我正在尝试向Image添加类

JS:

$('#selector img').attr('src',function(i,e){
    return $(this).attr('src').replace("default.jpg","hqdefault.jpg");
});

HTML:

<div id="selector">
    <img src="http://img.youtube.com/vi/qDc_5zpBj7s/default.jpg">
    <img src="http://img.youtube.com/vi/ss7EJ-PW2Uk/default.jpg">
    <img src="http://img.youtube.com/vi/ktd4_rCHTNI/default.jpg">
    <img src="http://img.youtube.com/vi/0GTXMEPDpps/default.jpg">
</div>

意思是,如果image src具有Youtube image,则将一个类添加.video到父image。

立方的

尝试:

$('#selector img').each(function(i) {
    var self = $(this);
    var src = self.attr('src');
    if (src.match(/img.youtube.com/)) {
        self.attr('src', src.replace("/default.jpg","/hqdefault.jpg"));
        self.addClass('video');
    }
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

有条件地将target =“ _ blank”添加到Angular JS的链接

如何有条件地将小部件添加到列表?

如何在实例化时有条件地将mixin添加到当前类中?

定义列表时有条件地将项目添加到列表?

有条件地将选项添加到列表

使用jq有条件地将元素添加到json数组

Scala:将项目添加到序列中或有条件地合并序列

Spark:有条件地将列添加到数据框

asp.net核心标记助手,用于有条件地将类添加到元素

有条件地将CircleMarkers添加到传单

根据函数变量的值有条件地将层添加到gglplot中

打字稿:有条件地将项目添加到对象

有条件地将12小时添加到列中

有条件地将标签选项参数添加到select2

jQuery:无法有条件地将类添加到子元素

有条件地添加到地图

使用jquery根据字符数有条件地将文本添加到标题标签

有条件地将文件添加到C ++项目中的库

有条件地将多个类添加到元素

有条件地将JSF组件添加到翻译字符串中

有条件地使用as3中的项目渲染器将图像添加到datagrid

有条件地将类添加到父类

使用Polymer将CSS类有条件地添加到元素

有条件地将字母添加到字符串

有条件地将列和值添加到Spark Rows

R - 如何有条件地将连续列添加到数据框?

有条件地将列添加到 dplyr R 中的 groupby

如何有条件地将元素添加到 std::array - C++11

如何有条件地将“按钮”添加到“工具栏”“表单”“组件”?