jQuery - 基于父元素类将 CSS 添加到子元素答案

【问题标题】：jQuery - Add CSS to Child Element based on parent elements classjQuery - 基于父元素类将 CSS 添加到子元素
【发布时间】：2015-02-18 13:59:28
【问题描述】：

我需要为没有类名的子元素添加 CSS 样式（设置子元素的高度）。然而，父元素确实有一个唯一的类名。

这就是我得到的：-

function createStickyMenu() {
    var $ = jQuery;
    var menucontainer = $('<div id="main_menu"></div>');

    maincontainer.find('.logo').css({
        'float': 'left',
    });

    maincontainer.find('.logo').children.css({
        'height': '57px',
    });
});

简化后的 HTML 是这样的：-

<div id="main_menu">
    <a href="#" class="logo">
       <img src="#">
    </a>
</div>

因此我需要为 img 标签添加一个高度。如何在不向 img 标签添加类名的情况下专门针对此元素？我上面的尝试确实将 CSS float: left 添加到 'logo' 类元素，但没有添加到它的子元素（我认为应该是 img 标签）。

【问题讨论】：

试试.children()，而不是.children
var $ = jQuery 没用。 $ 已经是 jQuery 的别名。
如果属性的值不是通过 js 计算出来的，我的建议是远离 js 的 css
完美运行 - 简直不敢相信它这么简单，已经尝试了好几个小时。希望以后会重构并删除无用的代码，因此将对您的 cmets 进行约 $ onboard。谢谢！
好的，无论如何您仍然可以使用 css 媒体查询来检测移动设备

标签： jquery html css

【解决方案1】：

$( "a.logo" ).children().css( "width", "200px" );
$( "a.logo" ).children().css( "height", "200px" );

注意：“a.logo”没有空格

【讨论】：