2

次のコードがあります。

<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-item の値が 1 の場合にのみ div.field-label を表示し、値が 0 の場合は非表示にする必要があります。

4

7 に答える 7

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

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

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

于 2012-05-21T08:14:26.043 に答える
2

toggleこのメソッドを使用して、条件に応じて要素を表示または非表示にします。

$('.field-label').toggle($('.field-item').text() == '1');
于 2012-05-21T08:16:47.253 に答える
1 
$(document).ready(function(){
 $('.field-item').each(function(){
       if($(this).text() == 0){
            $(this).parent().prev().hide();
       }else{
           $(this).parent().prev().show();
    }
    });
    });
于 2012-05-21T08:16:17.277 に答える
1 
$('.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/

于 2012-05-21T08:16:44.913 に答える
1

それは正常に動作します!

$(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

于 2012-05-21T08:22:11.687 に答える
1

div.field-itemそれぞれの内部に1つしかないと仮定すると、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/

于 2012-05-21T08:18:58.370 に答える
1

toggle()ブールフラグで使用できます

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

each複数の.field-name-newブロックがある場合に備えて作成しました

于 2012-05-21T08:19:36.097 に答える