0

我有一个几乎完全由 javascript 生成的页面。我有一个创建元素的主要功能，然后有一些可用于自定义每个属性的属性。大多数自定义都在 CSS 级别，但我需要在每个元素中插入一个唯一的文本元素。

这是对象函数：

function buildButton(s, b) {
        $(s).append('<div id='+b.name+'></div>');
        $('#'+b.name).css({
            'position': 'absolute',
            'display': 'inline-block',
            'left': b.x,
            'top': b.y,
            'height': b.height,
            'width': b.width,
            'cursor': 'pointer',
            'z-index':5,
        });

我正在尝试使用以下方法创建独特的文本元素：

$('div[id |="controllerButt"]').append(b.buttText);

然后我们有函数调用：

buildButton(this, {
    name:'controllerButt-13',
    type: 'action',
    width:31, height:37,
    x:422, y:536,
    buttText: 'This is Button 13'
});

上述结果输出“This is Button 13”，但它还附加了已设置的任何其他 buttText 实例，因此您发送“This is Button 13 This is Button 14 This is Button 15”等。

我应该如何处理这个，所以我只有“这个”值而不是所有的 buttText 实例？

4

1 回答 1

1

您可以在创建按钮的语句中设置文本

$(s).append('<div id='+b.name+'>'+b.buttText+'</div>');

或使用一根长链

$('<div id='+b.name+'></div>')
 .text(b.buttText)
 .appendTo.(s)
 .css({
        'position': 'absolute',
        'display': 'inline-block',
        'left': b.x,
        'top': b.y,
        'height': b.height,
        'width': b.width,
        'cursor': 'pointer',
        'z-index':5,
 });
于 2012-06-21T18:45:28.190 回答