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

您可以使用-检查CSS并没有帮助，您需要检查.attr（“ style”）来检查元素中是否提到了内联样式属性。

$('.content').each(function() {
    var $this = $(this);
  if($this.attr('style')){
    console.log($(this).attr('style'));
    $this.parent().addClass("class-new");
  }
});

提琴here

Answer 2

使用each循环sh-4.2$ pwd /var/lib/jenkins/jobs/pipelineproject/jobs/pipelineproject-hello-world-pipeline-ver2/workspace sh-4.2$ ls -al total 36 drwxr-sr-x. 4 default 1000260000 191 Nov 6 02:43 . drwxr-sr-x. 7 default 1000260000 191 Nov 6 04:12 .. drwxr-sr-x. 8 default 1000260000 162 Nov 6 02:43 .git -rw-r--r--. 1 default 1000260000 381 Nov 6 02:43 hello-world-pipeline-ver2.yaml -rw-r--r--. 1 default 1000260000 5934 Nov 6 02:43 Jenkinsfile -rw-r--r--. 1 default 1000260000 10635 Nov 6 02:43 pom.xml drwxr-sr-x. 3 default 1000260000 18 Nov 6 02:43 src DOM并检查是否[INFO] Installing /tmp/workspace/pipelineproject/pipelineproject-hello-world-pipeline-ver2/target/hello-world-service-1.0.0.jar to /home/jenkins/.m2/repository/blah/blah/blah/spring-boot/hello-world-service/1.0.0/hello-world-service-1.0.0.jar然后addClass()到.parent()

openshift v3.9.43
kubernetes v1.9.1+a0ce1bc657

'.content'

display=inline

Answer 3

尝试一下...

$('.content').each(function() {
  if($(this).is('[style]'))
  {
    $(this).parent().addClass("classNew");
  }
});

.classNew{
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>

jQuery检查div是否具有内联样式

3 个答案: