Jquery 使用Firebase中的图像追加表

我试图在表中附加图像。但出于某种原因，它并没有展示它们。这是什么原因造成的

这是

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>");

    })
}); 

$（文档）.ready（函数（）{
var brandsRef=firebase.database（）.ref（）.child（“Snuses”）；
brandsRef.on（“添加的孩子”，snap=>{
var productImageUrl=snap.child（“productUrl”）.val（）；//这是图像src
var brandName=snap.child（“Brand”）.val（）；
var product=snap.child（“产品”）.val（）；
var尼古丁=snap.child（“尼古丁”）.val（）；
$（“#表体”）。追加（“”
++$（“img”）.attr（“src”，productImageUrl）；+”“//这样做对吗？
+“”+brandName+“”
+“”+产品+“”
+“”尼古丁+“”
+ "");
})
}); 

$（“img”）

只需抓取页面上的所有图像，因为它被视为CSS选择器。您可能想要的是

$（“'）.appendTo（$row）.text（brandName）；
$（''）.appendTo（$row）.text（产品）；
$（''）.appendTo（$row）.text（尼古丁）；

$（“img”）

只要抓取页面上的所有图像，因为它被视为CSS选择器。您可能想要的是

$（“'）。appendTo（$row）。text（brandName）；
$（''）.appendTo（$row）.text（产品）；
$（''）.appendTo（$row）.text（尼古丁）；

太棒了，非常感谢。你的代码更干净了是的：）太棒了，非常感谢你。您的代码更干净（是的：）

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);