javascript - Get the text of div of div -

here code now. want access value 1 of <div class="field-item even">1</div>, , if value 1 add class, if value 0, add class. code access first field-collection-container, can't figure out problems.

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

the 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> 

check sample on 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');             }         });     }); }); 

above code woroking fine multiple "field-collection-container" , modify odd elements