Jquery 如果 <div> 样式包含 rgb

Question

我想检查元素的样式是否有 rgb。例如

<div class="grid" style="background-color: rgba(116, 185, 255, 0.5)">

Jquery:

if $('.grid') style has rgba {
    //do it
}

Answer 1

使用它:)

var element = document.getElementsByClassName('grid');
if(element){
  var style = element.style;
  if(style){
    var color = style.color;//or backgroundColor
    if(color){
      if(color.indexOf(rgba) > -1){
        //Do whatever you want
      }
    }
  }
}

在jQuery中：

if ($(".words").eq(0).css("color").indexOf("rgba") > -1){
  //Do whatever you want
}

Answer 2

希望对您有所帮助

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>css demo</title>
  <style>
  div {
    width: 60px;
    height: 60px;
    margin: 5px;
    float: left;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<span id="result">&nbsp;</span>
<div style="background-color: blue; color: red">empty</div>
<div style="background-color: rgba(0,1,0,1); color: red"></div>
<div style="background-color:#123456;"></div>
<div style="background-color:#f11;"></div>

<script>
$( "div" ).click(function() {
  var bodyColor = $(this).attr("style");

  if (bodyColor.indexOf('rgba') > -1){
   $( "#result" ).html( "That div <span style='" +
    bodyColor + ";'>has RGBA</span>." );
  }else{
   $( "#result" ).html( "That div <span style='" +
    bodyColor + ";'>does not have RGBA</span>." );
  }
});
</script>
</body>
</html>

Jquery 如果 <div> 样式包含 rgb

Jquery if <div> style contains rgb

jquery

styles

element