在 javascript 函数中附加 内容和 [data] 标记答案

【问题标题】：Append content and [data] tag in javascript function在 javascript 函数中附加 内容和 [data] 标记
【发布时间】：2013-09-11 03:18:43
【问题描述】：

基本上，我要做的是编辑下面的函数，使标签包含内容“正在加载”，而标签在标签中有data-icon属性：

    <p class="loadingp hidden">
        loading
    </p>
    <span class="loadingspan hidden" data-icon="&#xe022"></span>

函数是：

$(function(){
    // add the loading div, but mark it as hidden
    var loading = $('<div>', {'class': 'loading hidden'})
    var loadingbg = $('<div>', {'class': 'loadingbg hidden'})
    var loadingp = $('<p>', {'class': 'loadingp hidden'})
    var loadingspan = $('<span>', {'class': 'loadingspan hidden'}).data('icon', '\ue022')
    // append it
    $('div.order').append(loading);
    $('div.loading').append(loadingbg);
    $('div.loadingbg').append(loadingp);
    $('p.loadingp').append(loadingspan);
    // now when we click the button launchg the pop up
    $('button#complete').click(send_to_friend)
});

【问题讨论】：

酷，所以，呃，您在进行上述更改时遇到任何问题吗？
使用 .data() 方法，您不是将属性 data-icon 添加到 DOM 元素，而是添加到数据对象

标签： javascript jquery html

【解决方案1】：

text 也是初始化对象的一部分。

var loadingp = $('<p>', {'class': 'loadingp hidden', text: 'loading'});
var loadingspan = $('<span>', {'class': 'loadingspan hidden', 'data-icon': '\ue022'});

您也可以使用the .text() function。

（如果这不是你的问题，我不确定是什么）

【讨论】：