1

.afterを使用してWebサイトにテーブルを追加していますが、セルに挿入する変数の値が必要です。アクセスできないようです。おそらく私は完全に間違ったアプローチを取っています。

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

    });


    });

助けていただければ幸いです。

4

1 に答える 1

2

このようになるはずです

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 に渡すようにしてください。コードを維持しようとするときに時間を節約できます。

于 2013-01-26T04:52:30.797 に答える