从Firebase中追加表格图像

Question

我试图在表格中添加图像。但由于某种原因，它不显示它们。什么会导致这种情况？

这是jquery：

$(document).ready(function() { 
    var brandsRef = firebase.database().ref().child("Snuses"); 
    brandsRef.on("child_added", snap=> { 
     var productImageUrl = snap.child("productUrl").val(); //This is the image src 
     var brandName = snap.child("Brand").val(); 
     var product = snap.child("Products").val(); 
     var nicotine = snap.child("nicotine").val(); 

     $("#tableBody").append("<tr>" 
      + "<td>"+$("img").attr("src", productImageUrl);+"</td>" //Is this right way to do it? 
      + "<td>"+brandName+"</td>" 
      + "<td>"+product+"</td>" 
      + "<td>"+nicotine+"</td>" 
      + "</tr>"); 

    }) 
}); 

Answer 1

$("img")只是抓住了页面上的所有图像，因为它是作为一个CSS选择器处理。你可能想要的是$("<img/>")。

在一般情况下，你的代码看起来可能是这样的：

var $row = $('<tr></tr>').appendTo('#tableBody'); 
$('<td></td>').appendTo($row).append($('<img />').attr('src', productImageUrl)); 
$('<td></td>').appendTo($row).text(brandName); 
$('<td></td>').appendTo($row).text(product); 
$('<td></td>').appendTo($row).text(nicotine);