Javascript 如果动态元素通过条件,则更改其属性
我有一个函数“refreshDisplay”,它将帮助我创建动态元素。 现在,我有一个小问题。 在图像的“src”属性中,我将检查obj.picture.缩略图是否以“/content”开头,然后添加“.jpg”作为“src”属性的扩展,否则什么都不做 请检查代码中具有类“.myLink”的图像。 我如何做到这一点 这是密码Javascript 如果动态元素通过条件,则更改其属性,javascript,jquery,if-statement,dynamic,attr,Javascript,Jquery,If Statement,Dynamic,Attr,我有一个函数“refreshDisplay”,它将帮助我创建动态元素。 现在,我有一个小问题。 在图像的“src”属性中,我将检查obj.picture.缩略图是否以“/content”开头,然后添加“.jpg”作为“src”属性的扩展,否则什么都不做 请检查代码中具有类“.myLink”的图像。 我如何做到这一点 这是密码 函数刷新显示(){ $('.container').html(''); savedData.forEach(函数(obj){ //重置容器,并附加收集的数据(使用jQue
函数刷新显示(){
$('.container').html('');
savedData.forEach(函数(obj){
//重置容器,并附加收集的数据(使用jQuery进行附加)
$('.container')。追加(
$('').addClass('parent').append(
$('').addClass('dataLabel').text('Name:'),
obj.name.first+“”+obj.name.last,
$(“
”),//名称和图片之间的换行符
$(''),
$('').addClass('dataLabel').text('Date of birth:'),
obj.dob,$(“
”),
$('').addClass('dataLabel').text('Address:'),$('
'),
obj.location.street,$(“
”),
obj.location.city+“”+obj.location.postcode,$(“
”),
obj.location.state,$(“
”),
$('').addClass('removeMe').text('Delete'),
$('').addClass('top-btn').text('Swap with top'),
$('').addClass('down-btn').text('Swap with down')
)
);
})
//清除复选框:
$('.selectRow').prop('checked',false);
把手通风孔();
}
您可以使用.attr(function)
,RegExp.protytpe.test()
和RegExp
^\/content/
匹配问题中描述的字符串,使用条件运算符连接”.jpg
或返回现有的src
或空字符串
.attr("src", function(i, src) {
return /^\/content/.test(obj.picture.thumbnail) ? src + ".jpg" : src
})
您可以使用.attr(function)
,RegExp.protytpe.test()
和RegExp
^\/content/匹配问题中描述的字符串,使用条件运算符连接”.jpg“
或返回现有的src
或空字符串
.attr("src", function(i, src) {
return /^\/content/.test(obj.picture.thumbnail) ? src + ".jpg" : src
})
替换
$('<img>').addClass('myLink').attr('src', obj.picture.thumbnail), $('<br>'),
$(“”),
与
$(“”),
更换
$('<img>').addClass('myLink').attr('src', obj.picture.thumbnail), $('<br>'),
$(“”),
与
$(“”),
非常感谢!对我来说很有用,只需要一个更改-.attr(“src”,function(i,src){return/^\/content/.test(obj.picture.thumbnail)?src+“.jpg”:obj.picture.thumbnail})非常感谢!对我来说很有效,只需一个更改-.attr(“src”,function(i,src){return/^\/content/.test(obj.picture.thumboil)?src+“.jpg”:obj.picture.thumboil})