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