當外部div的css更改時更改內部div的css

Question

我想知道當另一個div的樣式更改時是否可以更改div的樣式。

例如，假設我們有一個div（test1），它會在5秒鍾后更改其z-index 。 當test1具有z-index=2時，我想更改另一個div（test2）的css。

Answer 1

我不認為有內置事件，但是您可以使用setInterval：

 var divStyle = null; setInterval(function () { var newDivStyle = $("#myDiv").attr("style"); if (newDivStyle !== divStyle) { divStyle = newDivStyle; $("#myDiv").trigger("divStyleChange"); } }, 50); $("#myDiv").bind("divStyleChange", function () { $("#myDiv2").css("background-color", "#"+((1<<24)*Math.random()|0).toString(16)); }); function ChangeColorOfOuterDiv() { $('#myDiv').css('background-color','#'+((1<<24)*Math.random()|0).toString(16)); } 

 #myDiv { width:100px; height:100px; background-color:red; } #myDiv2 { width:50px; height:50px; background-color:yellow; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="myDiv"> <div id="myDiv2"></div> </div> <button onClick="ChangeColorOfOuterDiv()">Change color of outer div</button>