Jquery 动态放置元素

Question

有没有办法将元素放在元素旁边。

这是我的 code .我正在像这样动态设置按钮项

var button_text = "Learn Now";
$("#ctaBtn").text(button_text);
$("#ctaBtn").css('width', parseFloat(textWidth(button_text) + 30) + "px");

这很好，但我希望按钮旁边的 Logo 动态调整其位置。如果我将按钮文本更改为

var button_text = "Learn More Now !!!";

然后按钮的大小增加并且 Logo 位置没有向右移动。如何根据按钮文本大小动态移动 Logo ？

Answer 1

从 #Image_logo img 中移除左侧位置，并使用 jQuery 设置右侧位置。像这样:

$("#Image_logo img").css("right", $("#ctaBtn").width() + 60);

您可以使用任何更适合您的值来代替 60。现在，当您动态更改按钮中的文本时， Logo 会随之向左移动。

检查此 jsFiddle 上的代码.