Question

我正在尝试创建一个jQuery函数，它会自动将特定图像的大小调整为父级的宽度。如果它是相关的，则适用于vbulletin 4.2.0

以下是相关（简化）代码：

<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">

        $(document).ready(function () {
        var newWidth = $('.floatcontainer.doc_header').css("width");
        $('.logo-image').css("width", newWidth);

        });
    </script>
</head>

<div class="floatcontainer.doc_header" style="width: 90%; height: 200px;">
    <img class=".logo-image" src="/img/headerimg.jpg"/> //the image is naturally 1092x200
</div>

解决了！我终于找到了为这张图片编辑css的地方，所以我不需要用jQuery来做。不完全是我正在寻找的解决方案，但嘿 - 谁在抱怨！

感谢您的帮助！

Answer 1

缺少正确的类选择器

 $('.floatcontainer doc_header')
                    ^--- Missing the class selector

应该是

 $('.floatcontainer.doc_header')  // Make sure there is no space
                   ^----

<强> Check Fiddle

更新

我知道问题是什么

<img class=".logo-image"

有类，其中有一个点..

所以正确的选择器是

$('.\\.logo-image')

AND NOT

$('.logo-image')

这就是它找不到特定图像的原因

<强> UPDATED FIDDLE

如果您希望它与您指定的选择器一起使用，请在HTML中更改您的类到

<img class="logo-image" ^ ---没有点这里 ..所以选择器是$('.logo-image')

<img class=".logo-image" ^ --- dot present ..所以选择器是$('.\\.logo-image')

Answer 2

试试这个：

$('.logo-image').width($('.floatcontainer.doc_header').width());

此外，您不应该在元素类中使用点！

也可以更改css：

 .logo-image { width: 100%; }

设置jQuery .css函数时遇到一些麻烦

2 个答案: