如何将jQuery对象中的数据绑定到数据表?

时间:2016-04-27 08:37:01

标签: javascript jquery html asp.net html-table

我正在尝试编写一个程序,在搜索源代码后列出元素名称及其ID。我使用下面的脚本来查找名称并将其显示为警报弹出窗口。我希望它显示在数据表中而不是弹出窗口中。

function LoadProducts(){
$.ajax({
        url: "/Products/TestPartialView2",
        type: "GET",
        dataType: "HTML",
        cache: false,
        data: { }
    })

    .done(function (updateView) {
    $("#ListOfProducts").html(updateView);
    });
    }

假设我在客户端有这样的表:

<script>
        var $textarea = $('#TextArea1'), $submit = $('#Submit1');
        $submit.click(function (e) {
            e.preventDefault();
            sourceCode = $textarea.val();
            var $searchObject = $('<div id="Searching"></div>');
            $searchObject.append($(sourceCode));

    alert("Number of Submit Buttons = " + $searchObject.find('[type=submit]').length);
                $searchObject.find('[type=submit]').each(function () {
                    alert("Name of Submit button = " + $(this).attr("name"));
                    alert("ID of Submit button = " + $(this).attr("id"));
                });
</script>

任何人都可以帮我解决一个将数据添加到表中的循环吗?

1 个答案:

答案 0 :(得分:0)

如果您只想添加新行,可以执行以下操作。根据您的需要,您可以简化或使其更易于管理。对于例如如果要添加类等,请创建单个td元素。

var table = $("table-selector");
$searchObject.find('[type=submit]').each(function () {
                    var newTr = $.parseHTML("<tr><td></td><td>"+$(this).attr("name")+"</td><td>"+$(this).attr("id")+"</td></tr>");
                    $(table).append(newTr);
                    alert("Name of Submit button = " + $(this).attr("name"));
                    alert("ID of Submit button = " + $(this).attr("id"));
                });