jQuery的顯示/隱藏一個DIV如果另一個具有價值

Question

我有以下代碼：

<div class="field-name-new"> 
    <div class="field-label">New</div> 
    <div class="field-items"> 
    <div class="field-item">0</div> 
    </div> 
</div> 

我需要顯示div.field標籤只有div.field項的值爲1，如果它隱藏起來具有值0。

Answer 1

假設僅存在一個div.field-item每個div.field-items內這應該工作：

$('.field-items').each(function(i,el) 
{ 
    var field_item = $(el); 
    if(field_item.text() == 1) 
     $(this).prev().show(); 
    else 
     $(this).prev().hide(); 
}); 

例如：http://jsfiddle.net/zsA7W/

Answer 2

var $item = $('.field-item'); 

if ($item.text() == 0)​​ { 
    $item.parent().siblings('.field-label').hide(); 
}​ 

http://jsfiddle.net/zerkms/FTbBT/

Answer 3

$(document).ready(function(){ 
$('.field-item').each(function(){ 
     if($(this).text() == 0){ 
      $(this).parent().prev().hide(); 
     }else{ 
      $(this).parent().prev().show(); 
    } 
    }); 
    }); 

Answer 4

$('.field-label').each(function() { 
     $(this).css('display', $(this).next('.field-items').find('.field-item').is(':contains("1")') ? 'block' : 'none'); 
}); 

http://jsfiddle.net/HackedByChinese/kXdat/1/

Answer 5

使用toggle method以顯示或隱藏根據條件的元素：

$('.field-label').toggle($('.field-item').text() == '1'); 

Answer 6

你可以使用toggle()和一個布爾標誌

$('.field-name-new').each(function() { 
    var $this = $(this); 
    $this.find('.field-label').toggle(!!$this.find('.field-item').text()) 
}); 

我的情況下，創造了一個each你有一個以上的.field-name-new塊

Answer 7

它工作正常！

$(document).ready(function() { 
    if($(".field-item").html() == '0'){  
    $("div.field-label").hide(); 
    } 
});​ 

更新的jsfiddle：http://jsfiddle.net/ipsjolly/m4BTd/4/測試通過<div class="field-item">0</div>變化值，然後單擊Run