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，这样可以节省你维护代码的时间