Javascript jQuery最小宽度vs宽度：如何删除px？

在这里尝试一些基本的jQuery和JavaScript

.width（）

给我一个整数值。

.css（'min-width'）

给我一个以

px

结尾的值。因此，我不能像现在这样做数学。推荐的解决方法是什么

alert($('#<%=lstProcessName.ClientID%>').parent('.column4').width());
alert($('#<%=lstProcessName.ClientID%>').parent('.column4').css('min-width'));
alert($('#<%=lstProcessName.ClientID%>').parent('.column4').width() >= $('#<%=lstProcessName.ClientID%>').parent('.column4').css('min-width'));

if ($('#<%=lstProcessName.ClientID%>').parent('.column4').width() >= $('#<%=lstProcessName.ClientID%>').parent('.column4').css('min-width')) {
  ...
}

alert（$（'#'）.parent（'.column4'）.width（））；
警报（$（'#'）.parent（'.column4'）.css（'min-width'））；
警报（$（'.#'）.parent（'.column4'）.width（）>=$（'.#'）.parent（'.column4'）.css（'min-width'））；
if（$（'.#'）.parent（'.column4'）.width（）>=$（'.#'）.parent（'.column4'）.css（'min-width'））{
...
}

使用

替换（）

：

---

通过一些字符串操作删除“px”，然后使用

parseInt

将其作为一个数字：

var minWidth = parseInt($('#<%=lstProcessName.ClientID%>').parent('.column4').css('min-width').replace('px', ''), 10)

var minWidth=parseInt（$（'#'））.parent（'.column4'）.css（'min-width'）.replace（'px'，''），10）
警报（$（'#'）。父（'.column4'）。css（'min-width'）。子字符串（0，indexOf（'px'））；
使用从最小宽度返回的值的子字符串删除px
如果将返回值从
.css（'min-width'）
传递到
parseInt
，它将首先为您删除“px”

parseInt(
$（'#'）.parent（'.column4'）.css（'min-width'），
10
);

（不要忘记第二个参数
parseInt
）
更好的方法是使用
parseInt
。jQuery函数
.width（）
和
.height（）
工作得非常好

此外，最好将此值的获取封装在独立函数中：


.minHeight（）
，
.minHeight（大小）
，
.minHeight（函数（））
.maxHeight（）
，
…
.minWidth（）
，
…
.maxWidth（）
，
…

像这样：

(function($, undefined) {

    var oldPlugins = {};

    $.each([ "min", "max" ], function(_, name) {

        $.each([ "Width", "Height" ], function(_, dimension) {

            var type = name + dimension,
                cssProperty = [name, dimension.toLowerCase()].join('-');

            oldPlugins[ type ] = $.fn[ type ];

            $.fn[ type ] = function(size) {
                var elem = this[0];
                if (!elem) {
                    return !size ? null : this;
                }

                if ($.isFunction(size)) {
                    return this.each(function(i) {
                        var $self = $(this);
                        $self[ type ](size.call(this, i, $self[ type ]()));
                    });
                }

                if (size === undefined) {
                    var orig = $.css(elem, cssProperty),
                        ret = parseFloat(orig);

                    return jQuery.isNaN(ret) ? orig : ret;
                } else {
                    return this.css(cssProperty, typeof size === "string" ? size : size + "px");
                }
            };

        });

    });

})(jQuery);

您的代码将转到：

alert($('#<%=lstProcessName.ClientID%>').parent('.column4').width());
alert($('#<%=lstProcessName.ClientID%>').parent('.column4').minWidth());
alert($('#<%=lstProcessName.ClientID%>').parent('.column4').width() >= $('#<%=lstProcessName.ClientID%>').parent('.column4').minWidth());
if ($('#<%=lstProcessName.ClientID%>').parent('.column4').width() >= $('#<%=lstProcessName.ClientID%>').parent('.column4').minWidth()) {

alert（$（'#'）.parent（'.column4'）.width（））；
警报（$（'#'）.parent（'.column4'）.minWidth（））；
警报（$（'.#'）.parent（'.column4'）.width（）>=$（'.#'）.parent（'.column4'）.minWidth（））；
if（$（'.#'）.parent（'.column4'）.width（）>=$（'.#'）.parent（'.column4'）.minWidth（））{
它仍然是一个字符串。但是字符串是一个可以对其进行任何操作的有效字符串。你想对结果做什么？！我的意思是
'50px'。子字符串（0，2）+1=='501'
jQuery.isNaN
应该是
isNaN
。我知道这篇文章很老了，但这个答案是这里最好的。
alert($('#<%=lstProcessName.ClientID%>').parent('.column4').css('min-width').substring(0,indexOf('px'));

parseInt(
    $('#<%=lstProcessName.ClientID%>').parent('.column4').css('min-width'), 
    10
);

(function($, undefined) {

    var oldPlugins = {};

    $.each([ "min", "max" ], function(_, name) {

        $.each([ "Width", "Height" ], function(_, dimension) {

            var type = name + dimension,
                cssProperty = [name, dimension.toLowerCase()].join('-');

            oldPlugins[ type ] = $.fn[ type ];

            $.fn[ type ] = function(size) {
                var elem = this[0];
                if (!elem) {
                    return !size ? null : this;
                }

                if ($.isFunction(size)) {
                    return this.each(function(i) {
                        var $self = $(this);
                        $self[ type ](size.call(this, i, $self[ type ]()));
                    });
                }

                if (size === undefined) {
                    var orig = $.css(elem, cssProperty),
                        ret = parseFloat(orig);

                    return jQuery.isNaN(ret) ? orig : ret;
                } else {
                    return this.css(cssProperty, typeof size === "string" ? size : size + "px");
                }
            };

        });

    });

})(jQuery);

alert($('#<%=lstProcessName.ClientID%>').parent('.column4').width());
alert($('#<%=lstProcessName.ClientID%>').parent('.column4').minWidth());
alert($('#<%=lstProcessName.ClientID%>').parent('.column4').width() >= $('#<%=lstProcessName.ClientID%>').parent('.column4').minWidth());
if ($('#<%=lstProcessName.ClientID%>').parent('.column4').width() >= $('#<%=lstProcessName.ClientID%>').parent('.column4').minWidth()) {