jQuery 检查 div 是否有内联样式

Question

我想检查 div#content 是否有内联样式，如果有，找到它的具有属性 id 的父 div，并添加一个类。这是我的布局!

<div id="one">
  <h3>title</h3>
  <div class="content"></div>
</div>
<div id="two">
  <h3>title</h3>
  <div class="content" style="display:block"></div>
</div>
 <div id="three">
  <h3>title</h3>
  <div class="content"></div>
</div>

在这种情况下，我试图找到 div#two 并在那里添加一个类，但是通过属性 id 找到

谢谢你，

Answer 1

使用each循环'.content' DOM 并检查display=inline 然后addClass()至 .parent()

$('.content').each(function() {
if($(this).css('display') == 'inline')
{
  $(this).parent().addClass("classAdd");
}
});

.content{
display:inline;
}
.classAdd{
background:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="one">
  <h3>title</h3>
  <div class="content"></div>
</div>
<div id="two">
  <h3>title</h3>
  <div class="content" style="display:block"></div>
</div>
 <div id="three">
  <h3>title</h3>
  <div class="content"></div>
</div>