Javascript 基于jquery条件应用样式

我有一个如下的html：

    <div class="outerdiv">
      <div class="title">
      <div class="innerdiv">
        <div class="outerdiv">
         <div class="title">
         <div class="innerdiv">
          <div class="outerdiv">
           <div class="innerdiv>
<div class="outerdiv">
         <div class="title">
         <div class="innerdiv">
</div>
</div>
</div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>

我正在尝试：

$(element).find(".outerdiv").not("[class="title"]).css("border-width","10px").

编辑：div的数量是动态的，在数量上不是固定的，只需使用：

$('.innerdiv').css('border-width','10px');

---

它将为类为“innerdiv”的所有div添加边框宽度。

您需要使用

：has

选择器以及直接子选择器来选择目标innerdiv元素：

$('.outerdiv:has(.innerdiv):has(.title) > ,.title > .innerdiv ').css("border-width","10px");

演示片段：

$（函数（）{
$（'.outerdiv:has（.innerdiv）：has（.title）>.title>.innerdiv'）.css（“边框宽度”，“100px”）.css（“边框”，“1px纯灰”）
}) ;

1.
2.
3.
4.
5.
6.
7.
只要将样式应用于

 .outerdiv > .title > .innerdiv{
    css goes here
 }

它们只会影响您提到的层次结构中的div

 .outerdiv > .title > .innerdiv{
    css goes here
 }