Question

$(".mydiv").css('width', $(".image").width());

此代码正常运行，但我想让这个宽度变得重要，正确的方法是什么？

我尝试了这个，但它没有用

$(".mydiv").css('width', $(".image").width()+'!important');

（！重要）

Answer 1

问题是由jQuery不理解！important属性引起的，因此无法应用规则。

您可以解决该问题，并通过addClass（）引用它来应用规则：

.importantRule { width: 100px !important; }
 $('#mydiv').addClass('importantRule');

或者使用attr（）：

$('#mydiv').attr('style', 'width: 100px !important');

供参考，请仔细阅读以下问题： - How to apply !important using .css()?

Answer 2

试试这个

        var previousStyle = $(".mydiv").attr('style')
        $(".mydiv").attr('style', 'width:' + $(".image").width() + '!important; ' + previousStyle + '');

重要属性 $（document）.ready（function（）{ var previousStyle = $（“。mydiv”）。attr（'style'） $（“。mydiv”）。attr（'style'，'width：'+ $（“。image”）。width（）+'！important;'+ previousStyle +''）; }）校验

<html>
<head>
    <title>Important Attribute</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () { 
            var previousStyle = $(".mydiv").attr('style')
            $(".mydiv").attr('style', 'width:' + $(".image").width() + '!important; ' + previousStyle + '');
        })
    </script>
</head>
<body>
    <div class="mydiv" style="border: 1px solid black; width: 200px">check</div>
    <div class="image" style="width: 280px"></div>
</body>
</html>

如果您检查并查看mydiv属性，则可以看到宽度和重要标记，如jquery语句中所述

Answer 3

你必须改变 $（ “图像”）。宽度（）+ '！重要的' 与

$('.image').css('width');

JQuery设置宽度！变量后重要

3 个答案: