javascript - 使用 .after() 创建表格但无法访问变量的值来填充单元格

Question

我正在使用 .after 向我的网站添加表格，但我需要将变量中的值插入到单元格中。好像我无法访问它们。可能我采取了完全错误的方法。

var object0001= {price: 1000, bedrooms:2}

$(document).ready(function() {

    $("#dot0003").hover(
        function(){

            $("#tablespace").after(
            '<table  border="4">'+
            '<tr><td>price</td>'                '<td>object0001.price</td></tr>'+
            '<tr><td>number of bedrooms</td>'   '<td>object0001.bedrooms</td></tr>'+
            '<tr><td>livingroom</td>'           '<td><img src="_index/_dots/dot.gif" width="20" height="20"></td></tr></table>')        

    });


    });

任何帮助表示赞赏！

Answer 1

应该是这样的

var object0001= {price: 1000, bedrooms:2};

$(document).ready(function() {
  $("#dot0003").hover(function(){
    $("#tablespace").after(
      '<table  border="4">'+
      '<tr><td>price</td><td>'+object0001.price+'</td></tr>'+
      '<tr><td>number of bedrooms</td><td>'+object0001.bedrooms+'</td></tr>'+
      '<tr><td>livingroom</td><td><img src="_index/_dots/dot.gif" width="20" height="20"></td></tr></table>')        
  });
});

'' 之间的任何内容都是一个字符串，并且不会被解析为 JavaScript

尝试将所有的html放在一个变量中，然后将其传递给append，这样可以在您尝试维护代码时节省您的时间