jquery - 是否可以在 jquery 中重新定位文本？

Question

是否可以使用 jquery 重新定位文本？

我能够改变它font-weight就像这样 -

$('text').css('font-weight','bold');

但找不到改变相同位置的方法。

如果是这样，它是否适用于 foreignObject 中的文本？

http://jsfiddle.net/6s2vw/

Answer 1

对于您的具体情况，您需要设置元素的 x 和 y 属性。

jQuery代码：

$("svg").find("rect").attr('x', $(window).width() - 100);
$("svg").find("text").attr('x', $(window).width() - 100);

$("svg").find("rect").attr('y', $(window).height() - 100);
$("svg").find("text").attr('y', $(window).height() - 80);

在这里检查小提琴：http: //jsfiddle.net/z4wyS/

Answer 2

如果我理解正确，您需要将文本放置在黄色框的右下角。为此，您可以使用：

$(document).ready(function(){
    $text = $("text");
    $block = $text.prev();
    x = $block.attr('width') - $text.width();
    y = $block.attr('height') - $text.height();
    $("text").attr('x', x);
    $("text").attr('y', y);
});