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

使用Firebase中的图像附加表格

1 个答案: