将图像作为指向另一页的链接

时间:2018-04-01 11:02:05

标签: javascript html

我从firebase实时数据库中获取数据并以table的形式显示它。我想在表中创建一行作为到另一个页面的链接但是当我在脚本标记内添加标记时它不起作用并且它正在显示错误。

代码 的 JS

<script>
    var fbRef = firebase.database().ref().child("Sell_Products");
fbRef.on("child_added", snap => {
    var name = snap.child("name").val();
    var price = snap.child("price").val();
    var category = snap.child("category").val();
    var description = snap.child("description").val();
    var image = snap.child("image").val();
    $("#ex-table").append("<tr><td><a href="auction.html">/*here it is showing error "missing ) after argument list"*/<img src=" + image + "/img></a></td><td>" + name + "</td><td>" + price + "</td><td>" + category + "</td><td>" + description + "</td></tr>" );
});

如何解决此错误,如果此过程有误,那么我如何将图像作为链接到另一个页面。 提前致谢      

1 个答案:

答案 0 :(得分:0)

在您的href中,您使用了双引号(&#34;)。因为你的字符串以双引号开头,所以每当你使用双引号时它意味着字符串的结尾。你必须用+连接或使用单引号。

$("#ex-table").append("<tr><td><a href='auction.html'><img src='" + image + "'/></a></td><td>" + name + "</td><td>" + price + "</td><td>" + category + "</td><td>" + description + "</td></tr>" );