jquery:如果存在具有专有名称的 child ，则应用 jquery .css 规则

Question

好的，我想使用

为页面上的第二个 div 设置边距

$('div#superid:nth-child(2)').css('margin-left', '10px');

一切正常，我已经达到了目标。但是，我希望仅当此 div 包含至少一个名称为 superchild 的输入 radio 时才应用该规则。因此，上述规则应适用于:

<div id="superid">
   <div>some text
   </div>
   <div>
    <input type="radio"  name="superchild" value="2010">
    <input type="radio"  name="superchild" value="2010">
   </div>
</div>

因为它至少有一个带有 name="superchild" 的输入 radio 最好的方法是什么？

Answer 1

您也可以使用过滤方法。下面的脚本选择 #superid-div 中的每个 div，它至少有一个类型为 radio 且名称为 superchild 的输入字段。然后它将所需的 css 添加到选定的 div。

$('div#superid > div').filter( function(index,elem) {
    return $(this).find('input[type=radio][name=superchild]').length > 0;
}).css('margin-left', '10px');

jsFiddle

如果您只想将此样式添加到第二个 div，请改用您的选择器。但我认为我的脚本更好地涵盖了所需的行为。