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

这段代码有效，但我想让这个宽度很重要，正确的方法是什么？

我试过了，但没有用

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

（！重要的）

4

3 回答 3

6

问题是由于 jQuery 不理解 !important 属性导致的，因此无法应用该规则。

您也许可以解决该问题，并通过 addClass() 引用它来应用规则：

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

或者使用 attr()：

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

作为参考，请查看以下问题：-如何使用 .css() 应用 !important？

于 2013-07-03T05:34:54.080 回答
1

试试这个

        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 语句所述

于 2013-07-03T05:40:29.460 回答
0

你必须改变 $(".image").width()+'!important' 与

$('.image').css('width');
于 2013-07-03T05:29:50.427 回答