Javascript 如果动态元素通过条件,则更改其属性

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

我有一个函数“refreshDisplay”,它将帮助我创建动态元素。 现在,我有一个小问题。 在图像的“src”属性中,我将检查obj.picture.缩略图是否以“/content”开头,然后添加“.jpg”作为“src”属性的扩展,否则什么都不做

请检查代码中具有类“.myLink”的图像。 我如何做到这一点

这是密码

函数刷新显示(){
$('.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})