如果Div Y包含Z，則顯示DIV X.然後，如果Div Y包含B，則顯示Div A

Question

我有一些我一直在處理的代碼，有效地將散列進度步驟一起散列。

的HTML：

<div id="stage1"><img src="/img/progress-bar/1.png"></div> 
<div id="stage2"><img src="/img/progress-bar/2.png"></div> 
<div class="deal-stage">2</div> 

現在我想，如果DIV .deal階段包含數字1，然後我想要顯示的DIV＃階段2顯示DIV＃階段1，如果DIV .deal-階段包含數字2.

所有HTML看起來不錯，這是一個的困擾着我JQuery的：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){ 
if($('.deal-stage').html() == 1){ 
$("#stage1").show(); 
if($('.deal-stage').html() == 2){ 
$("#stage2").show(); 
} 
});//]]> 
</script> 

目前雙方的DIV都出現了。我想再添加4個步驟，但我不確定如何通過查找.deal-stage DIV中的數字來一次只顯示一個DIVS。

任何想法將非常感激。

謝謝！

小號

Answer 1

隱藏你的圖片頁面加載像這樣前：

<div id="stage1" style="display:none;"><img src="/img/progress-bar/1.png"></div> 
<div id="stage2" style="display:none;"><img src="/img/progress-bar/2.png"></div> 
<div class="deal-stage">2</div> 

然後改變你的腳本略做多一點兼容：

$(document).ready(function(){ 

if($('.deal-stage').html() == "1"){ 
    $("#stage1").show(); 
} 
if($('.deal-stage').html() == "2"){ 
    $("#stage2").show(); 
} 
}); 

，你會很好去。