jquery - Jquery在x和y坐标中放置文本

Question

假设我的值 x = 100 和 y = 26，div 的高度和宽度等于 500。

我如何在 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

假设您想在另一个元素的特定位置添加一个新元素。您可以通过使用.cssjQuery 中的函数设置 css 属性来做到这一点。

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

addText("Hello", 50, 100);

容器元素应该有position:relative，子元素应该有position:absolutecss

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