Question

我要求在jquery中显示动态表。单击表格数据时，该值应设置在文本字段下方。

我是否知道如何从动态表中捕获名称并设置为文本字段

$(document).ready(function() {
    //Retrieve the JSON data from the server using AJAX
    $('#AJAXButton').click(function() {
        $.getJSON('ajax/ajaxtest.js', function(data) {
            processJSON(data);
        });
    });

    //Process and display the JSON data
    function processJSON(data) {
        var output = '<table><tr><th>Name</th><th>Platform</th></tr>';
        //Loop through the Languages 
        $(data.Languages).each(function(index, element) {
            output += '<tr><td class="clickable">' + element.Name + '</td>' + 
              '<td class="clickable">' + element.Platform + '</td></tr>';
        });
        output += '</table>';
        $('#AJAXDiv').html(output);
    }

    $("tr.clickable").live("click", function() {
            $("#name").append(?);
    });

});


<div id="AJAXDiv" style="width:400px; height:600px; background-color:#ddd; border:1px solid black">
</div>

<div>
    <label for="name">Created by: </label> <input id="name" />
</div>

Answer 1

看看this小提琴，让我知道这不是你想要的。

Answer 2

您说您希望在点击该行时发生该事件，因此您只需将“可点击”类放在行而不是每个“td”上。然后，单击处理程序可以访问该行中的第一个“td”（您所追求的名称）。

即。 Demo

jquery ui动态表onclick事件无法正常工作

2 个答案: