使用jQuery从img属性更改wp-caption内联样式

我正在尝试使用jQuery来修改WordPress 短代码的HTML，其HTML基本上是这样的：

  
The caption is here.
  

这个（至少对我来说）的问题是，当目前的图像标题时，WordPress会向.wp-caption容器添加额外的10px。 我想将此内联样式重置为与图像的width属性相同。 我不确定这个var部分应该如何工作（或者如果有更好的方法来连接字符串），我会感谢任何正确方向的帮助：

 jQuery().ready(function() { jQuery(".wp-caption").removeAttr("style"); var width = jQuery(".wp-caption img").Attr(width); var width = jQuery(width).Prepend('width:'); var width = jQuery(width).Append('px'); jQuery(".wp-caption").attr('style', jQuery(width)); }); 

更新1：现在我只需要弄清楚当页面上有多个图像时如何工作。 我尝试将它包装在.each(function(n)但它仍然从第一个图像获取宽度并将其应用于所有容器。

 jQuery().ready(function() { jQuery(".wp-caption").each(function(n) { var width = jQuery(".wp-caption img").width(); jQuery(".wp-caption").width(width); }); }); 

更新2：已解决 – 请参阅此主题 。

Answer 1

试试这个：

 var width = jQuery(".wp-caption img").width(); jQuery(".wp-caption").width(width); 

Answer 2

 $(document).ready(function() { var width = $(".wp-caption img").attr("width") + "px"; $(".wp-caption").css('width', width); });