更改集合 textareas 的 css 最大宽度答案

【问题标题】：changing the css max-width of a collection textareas更改集合 textareas 的 css 最大宽度
【发布时间】：2012-05-24 10:09:37
【问题描述】：

我有一组使用选择器的文本区域。然后我正在迭代并尝试根据其当前宽度为其设置最大宽度（它们并不完全相同，这就是我这样做的原因）。但是，我无法访问数组中元素的 .css 属性，我猜是因为它们是 HTMLTextAreaElements？有没有办法使这项工作或更好的方法来解决这个问题？

我无法静态设置最大宽度，因为这是一个通用控件，用于各种页面并具有各种不同的尺寸。

$(function () {
var a = $('.myTextAreaCssClass');
for(var i = 0;i < a.length; i++) {
var w = a[i].css(width);
a[i].css('max-width',w);
}
});

【问题讨论】：

标签： javascript jquery css

【解决方案1】：

我认为你应该使用 $.each。试试这个，

$(function () {
   var a = $('.myTextAreaCssClass');
   a.each (function () {
      $(this).css('max-width', $(this).css('width'));
   });
});

或者您可以使用下面给出的 css 函数参数，

$(function () {
   var a = $('.myTextAreaCssClass');
   a.css ('max-width', function () {
      return $(this).css('width');
   });
});

编辑： 我刚刚意识到这实际上只是将最大宽度设置为我在我的 css 文件中指定的宽度，我需要的是以像素为单位的宽度 - jas

试试这个，

$(function () {
   var a = $('.myTextAreaCssClass');
   a.css ('max-width', function () {
      return $(this).width(); //returns computed width
   });
});

注意：width() 函数有不同版本，因此请相应使用。见：https://stackoverflow.com/a/10018686/297641

【讨论】：

.each() 在这种情况下是一个更好的选择。
谢谢，我想这是一个问题，因为我使用了 javascript 方式而不是 jquery？只是出于好奇，在这种情况下 width() 属性为 0 是否正常？
我刚刚意识到这实际上只是将最大宽度设置为我在我的 css 文件中指定的宽度，我需要的是像素宽度
@jas 尝试使用.width() 函数。类似a.css ('max-width', function () { return $(this).width(); });
我这样做了，但它返回 0？这就是我在上面的评论中想要表达的意思。

【解决方案2】：

var a = $('.myTextAreaCssClass');

a.each(function() {
  w = $(this).width();
  $(this).css('max-width',w + 'px');
});

【讨论】：

【解决方案3】：

试试这个：

$('.myTextAreaCssClass').each(function(){
    $(this).css("max-width", $(this).css("width"))
})

【讨论】：