javascript - 动态创建id

Question

我正在动态创建一个元素，我将如何给它一个 id？

_addQuestionElement : function() {
        var el = new Element('div');
        el.addClass('dg-question-label');
        el.set('html', this._getCurrentQuestion().label);
        $(this.html.el).adopt(el);
    },

我正在使用 moo 工具和 jquery。

非常感谢

Answer 1

您的代码看起来像 Mootools，这就是我的做法（稍微清理了您的代码）

_addQuestionElement: function() {
    var el = new Element('div', {
        'class': 'dg-question-label',
        html: this._getCurrentQuestion().label,
        id: 'yourId'
    });
    $(this.html.el).adopt(el);
}

如果您多次生成相同的元素，则您的 id 每次都需要以某种方式唯一。

您也可以不使用该 el 变量（当然，除非它在您未包含的函数中进一步使用）

_addQuestionElement: function() {
    $(this.html.el).adopt(new Element('div', {
        'class': 'dg-question-label',
        html: this._getCurrentQuestion().label,
        id: 'yourId'
    }));
}​

Answer 2

只需通过以下方式分配 id（如果您使用 new Element() 创建了元素）：

var yourCustomId = "myId";
el.id = yourCustomId;

或者使用 Mootools 属性设置功能：

var yourCustomId = "myId";
el.setProperty("id", yourCustomId);

Answer 3

你可以这样给

var uniqueNumber = 1; //define uniqueNumber globally and increament at each element creation

使用 javascript

el.id = 'idprefix' + uniqueNumber++)

使用 jQuery

$(el).attr('id','idprefix' + uniqueNumber++);

Answer 4

在 jQuery 中，要创建一个带有 ID 的 div，您可以执行以下操作：

function createDiv(id) {
    $("body").append("<div id=" + id + "></div>");
}

createDiv("myNewDivId");

Answer 5

_addQuestionElement，我认为您需要为每个问题元素生成一个唯一的 id。

变量 ID = 0;
var pfx = "id_";

_addQuestionElement：函数（）{
   ...
   el.attr("id", pfx + ++IDs);

Answer 6

var el = $('<div />') .attr('id', myVal);

Answer 7

无论如何， MooTools 创建或访问的所有元素都会自动获得一个唯一的uid（对于 DOM），从而使您不必自己保持状态（如果您想自动执行此操作）。

console.log( Slick.uidOf( new Element('div') ) )

所以...

_addQuestionElement: function() {
    var el = new Element('div.dg-question-label', {
        html:  this._getCurrentQuestion().label
    });

    // prefix number with uid-
    el.set('id', 'uid' + Slick.uidOf(el)).inject(this.html.el);    
},

通过组合元素构造函数给它一个 id，它是：

var el = new Element('div#someid.dg-question-label')或将其添加到传递给构造函数的属性中：

new Element('div', { id: 'foo' })

Answer 8

您可以使用 jQuery 插件idfy。

完全披露：我写了那个插件:)