0

ここまでのコードです。>の値 1 にアクセスし、値<div class="field-item even">1</divが 1 の場合はクラスを追加し、値が 0 の場合は別のクラスを追加します。私のコードは最初の field-collection-container にしかアクセスできません。問題がわかりません。

$(document).ready(function () {  
        jQuery.each($('.field-collection-container'), function (i, obj) {
            alert($(this).find('.field-items .content .field-item').text());
        })

});

html

<div class="container">
<div class="field-collection-container clearfix">
    <div class="field field-name-field-interview-feeling field-type-field-collection field-label-above">
    <div class="field-label">TEXT</div>
        <div class="field-items">
        <div class="field-item even">
            <div class="field-collection-view clearfix view-mode-full field-collection-view-final">
                <div class="entity entity-field-collection-item field-collection-item-field-interview-feeling clearfix" about="/dtesthkinterview/field-collection/field-interview-feeling/4" typeof="">
                  <div class="content">
                    <div class="field field-name-field-19 field-type-list-boolean field-label-above">
                        <div class="field-label">TEXT</div>
                        <div class="field-items">
                            <div class="field-item even">1</div>
                        </div>
                    </div>
                    <div class="field field-name-field-no-people field-type-list-boolean field-label-above">
                        <div class="field-label">TEXT</div>
                        <div class="field-items"><div class="field-item even">0</div></div>
                    </div>
                    <div class="field field-name-field-untrust field-type-list-boolean field-label-above">
                        <div class="field-label">TEXT</div>
                        <div class="field-items"><div class="field-item even">0</div></div>
                    </div>
                    <div class="field field-name-field-waste-money field-type-list-boolean field-label-above">
                        <div class="field-label">TEXT</div>
                        <div class="field-items"><div class="field-item even">0</div></div>
                    </div>  
                  </div>
                </div>
            </div>
        </div>
        </div>
    </div>
</div>
<div class="field-collection-container clearfix">
.....
</div>
<div class="field-collection-container clearfix">
.....
</div>

4

7 に答える 7

0

異なるクラスの交互のフィールドアイテムdivのみが本当に必要な場合は、試すことができます

$.each($(".field-item").find(".even"), function(i,o){ if(o.textContent==="1") $(o).addClass("some"); if(o.textContent==="0") $(o).addClass("other");)

これは短くて速いです。

于 2013-05-06T09:07:10.507 に答える
0

jsFiddle でこのサンプルを確認してください

http://jsfiddle.net/vijaypatel/Q2GHV/

$(function () {
    $('.field-collection-container').each(function (index, obj) {
        $(this).find('.field-items .content .field-item').each(function (index, obj) {
            alert($(this).text());
            if ($(this).text() == '1') {
                $(this).prop('class','One');
            } else {
                $(this).prop('class','Zero');
            }
        });
    });
});

上記のコードは複数の「field-collect-container」で正常に機能し、奇数偶数要素も変更します

于 2013-05-06T09:03:13.260 に答える
0

以下のコードを見つけてください。問題が解決することを願っています

$("div.content").find("div.field-item").each(function () {
                if ($(this).html() == 1)
                    $(this).addClass("evenDivClass");
                else if ($(this).html() == 0)
                    $(this).addClass("oddDivClass");
            });
于 2013-05-06T09:03:25.197 に答える