Jquery 将 HTML 添加到 Ajax 创建的数组中

Posted

技术标签:

【中文标题】Jquery 将 HTML 添加到 Ajax 创建的数组中【英文标题】:Jquery prepend HTML to an Ajax created array 【发布时间】:2013-02-22 17:07:44 【问题描述】:

我正在尝试在 AJAX 创建的表中添加一些 html。代码如下:

 success: function (msg) 
 var ang = '';
 var obj = $.parseJSON(msg);
 $.each(obj, function() 
    ang += '<table><tr><td >' + this["Athlete_Name"] + '(' + this["Athlete_Number"] + ')</td><td >'+ this["Scratch_Flag"] +'</td><td >'+ this["Ready_Time"] +'</td><td >'+ this["Flag_Time"] +'</td><td >'+ this["End_Time"] +'</td><td >'+ this["Score_Time"] +'</td></tr></table>';
                    );
                    $('<p>Roster</p>').prependTo('.html(ang)');
                    $('#' + ID ).hide().html(ang).fadeIn('fast');
            

调用的代码行:

    $('<p>Roster</p>').prependTo('.html(ang)');

没有附加到我创建的名为“ang”的 HTML 数组中 有人能指出我正确的方向吗?非常感谢

【问题讨论】:

您误用了prependTo。你应该使用yourelement.prepend(ang) 【参考方案1】:

jQuery appendTo

如果您尝试将 ang 添加到 $('

Roster

') 元素,你必须编写如下代码:
$(ang).prependTo('<p>Roster</p>');

但是我真的不明白那个代码是什么意思:

prependTo('.html(ang)')

你能告诉更多关于目标选择器中 .html 命令的信息吗?

如果您尝试在表格前添加 &lt;p&gt;Roster&lt;/p&gt; 元素,只需将 &lt;p&gt;Roster&lt;/p&gt; 放入 ang 声明中,例如:

var ang = '<p>Roster</p>';

【讨论】:

以上是关于Jquery 将 HTML 添加到 Ajax 创建的数组中的主要内容,如果未能解决你的问题,请参考以下文章

如何将 JQuery 添加到从 ajax 调用加载的 html 中?

Wordpress 如何将 jquery 添加到 Moodle 项目

jquery - 如何使用通过 AJAX 从 MySQL 和 PHP 检索的数据将图像添加到 Select2 下拉列表?

将 AJAX/jQuery 添加到简单的 PHP 表单

ajax获取数据后怎么去渲染到页面

如何使用ajax将从jquery for循环创建的输入值发送到php [重复]