javascript - 用jquery编写动态html

Question

鉴于这个小提琴，是什么阻止了 HTML 被呈现？

JavaScript

$(document).ready(function(){
    function loadDiv( divId ) {
        $('#' + divId).html('<table><tr><td class="editable" id="' + divId + '">Edit Me</td></tr></table>');
    }

    $('td.editable').click(function() {
        var cellId = $('td.editable').attr('id');
        alert(cellId);
    });

    loadDiv( div1 );
    loadDiv( div2 );
});

我的意图是将单击的单元格更改为输入字段，然后从其中发布，但我不确定它为什么不呈现。

Answer 1

您需要在 div id 周围添加引号。

loadDiv( "div1" );
loadDiv( "div2" );

http://jsfiddle.net/pp6nv/1/

由于表格是在页面加载后添加的，因此您必须使用.on().

$('body').on("click", "td.editable", function() {
    var cellId = $(this).prop('id');
    alert(cellId);
});

http://jsfiddle.net/pp6nv/3/