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'
});

上記の結果は「ThisisButton13」を出力しますが、設定されているbuttTextの他のインスタンスも追加するため、「This is Button 13 This is Button 14 ThisisButton15」などを送信します。

buttTextのすべてのインスタンスではなく、「this」値のみを持つように、これにどのようにアプローチする必要がありますか？

4

1 に答える 1

1

ボタンを作成するステートメントでテキストを設定できます

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

または1つの長いチェーンを使用します

$('<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 に答える