jquery - テキストをx座標とy座標に配置するJquery

Question

divの高さと幅が500に等しい値x = 100とy = 26があるとします。

その x 座標と y 座標にテキストを配置するにはどうすればよいですか?

これを行う組み込みメソッドは何ですか?

x=Math.floor(Math.random()*500); y=Math.floor(Math.random()*500);

この x 座標と y 座標にテキストを配置する必要があります。ありがとう

Answer 1

新しい要素を作成してから、CSSで移動できます。

$('<div />', {
    text: 'Hello'
}).css({
    position: 'absolute',
    left: '100px',
    top: '26px'
}).appendTo('#your-div');

#your-divまたposition: relative;、CSSに、ドキュメントではなく親を基準にして新しい要素の位置を作成する必要があります。

デモ： http： //jsfiddle.net/Blender/5Sfhh/

Answer 2

別の要素の特定の位置に新しい要素を追加するとします。.cssこれを行うには、jQuery の関数を使用して css プロパティを設定します。

function addText(txt, x, y) {
    $('<div>').css({
        left: x,
        top: y
    }).html(txt).appendTo('#container');
}

addText("Hello", 50, 100);

css には、コンテナ要素position:relativeと子要素が必要です。position:absolute

jsfiddle : http://jsfiddle.net/p5QSd/