在javascript中根据条件将标题设置为图像

在javascript中根据条件将标题设置为图像,javascript,html,css,Javascript,Html,Css,我有以下javascript代码来显示图像及其信息。从getImages()方法中,我得到两个API响应数组。第一个数组有图像url,第二个数组有所有者和价格信息。只有9个API响应,我从中获取图像URL、其所有者和价格信息。所以在循环中,对于9迭代图像url是从API获取的,对于rest,我设置了一些默认图像。因此,对于默认图像,没有所有者和价格信息,因此不应为它们显示标题 window.onload = function () { var allImages = ""; var owner,

我有以下javascript代码来显示图像及其信息。从getImages()方法中,我得到两个API响应数组。第一个数组有图像url,第二个数组有所有者和价格信息。只有9个API响应,我从中获取图像URL、其所有者和价格信息。所以在循环中,对于9迭代图像url是从API获取的,对于rest,我设置了一些默认图像。因此,对于默认图像,没有所有者和价格信息,因此不应为它们显示标题

window.onload = function () {
var allImages = "";
var owner,price;
var imgurl = getImages();
var imginfo = imgurl[1];
console.log(imginfo);
for (var i = 0, j = 298; i < j; i++) {

    if(imgurl[0][i] == undefined){imgurl[0][i]="image/upload.png"}

    if(typeof imginfo[i] === "undefined"){owner = ""; price=""; }
    else{owner = imginfo[i]["owner"]; price=imginfo[i]["price"];
    }

    allImages += '<img class="myImg" src='+ imgurl[0][i] +' id='+i+'_id onclick="openpopup(this.src)" title="owner='+owner+', price='+price+'">';

}

$('#photos').append(allImages);

};
window.onload=函数(){
var allImages=“”;
var所有者、价格;
var imgurl=getImages();
var imginfo=imgurl[1];
console.log(imginfo);
对于(变量i=0,j=298;i

有人能给我一些关于代码的想法吗?如何给出设置图像标题的条件。如果响应未定义,请将title设置为空。

只需在else部分中添加title属性,并将其从
中删除即可;
}
$(“#照片”)。附加(大号图像);
};

试试这个,如果需要,也可以使用三元运算符

window.onload = function() {
  var allImages = "";
  var owner, price;
  var imgurl = getImages();
  var imginfo = imgurl[1];
  console.log(imginfo);
  for (var i = 0, j = 298; i < j; i++) {

    if (imgurl[0][i] == undefined) {
      imgurl[0][i] = "image/upload.png"
    }

    if (typeof imginfo[i] === "undefined") {
      owner = "";
    } else {
      owner = 'title="owner=' + imginfo[i]["owner"] + ', price=' + imginfo[i]["price"] + '"';
    }

    allImages += '<img class="myImg" src=' + imgurl[0][i] + ' id=' + i + '_id onclick="openpopup(this.src)" ' + owner + '>';

  }

  $('#photos').append(allImages);

};

window.onload=函数(){
var allImages=“”;
var所有者、价格;
var imgurl=getImages();
var imginfo=imgurl[1];
console.log(imginfo);
对于(变量i=0,j=298;i
Thanx很多!!它起作用了!
window.onload = function () {
var allImages = "";
var owner,price;
var imgurl = getImages();
var imginfo = imgurl[1];
console.log(imginfo);
for (var i = 0, j = 298; i < j; i++) {
    var title="";
    if(imgurl[0][i] == undefined){imgurl[0][i]="image/upload.png"}

    if(!(typeof imginfo[i] === "undefined")){
     title="owner="+imginfo[i]["owner"]+", price="+imginfo[i]["price"]+"";
    }

    allImages += '<img class="myImg" src='+ imgurl[0][i] +' id='+i+'_id onclick="openpopup(this.src)" title="'+title+'">';
}

$('#photos').append(allImages);

};
</script>