Javascript 获取div的div的文本

这是到目前为止的代码。我想访问

1的值1，如果值为1，则添加一个类；如果值为0，则添加另一个类。我的代码只访问第一个字段集合容器，我无法找出问题所在

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


正文
正文
1.
正文
0
正文
0
正文
0
.....
.....


工作示例

工作示例

请注意，您根本不需要
.each（）

如果希望出现空格，可以使用
$.trim（$（this）.text（））

 <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 ***id="id1"*** class="field-item even">1</div>
                    </div>

请注意，您根本不需要
.each（）

如果希望出现空格，可以使用
$.trim（$（this）.text（））

 <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 ***id="id1"*** class="field-item even">1</div>
                    </div>

}))

你可以使用一个div的id，然后像这样调用

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

    $(document).ready(function () {  
    {  
       var t=$("#id").text();
       alert(t);
       if(t==1)
          {
            $("#id1").addClass(".classname");
          }
       else
         {
         if(t==0)
          {
            $("#id1").addClass(".anotherclassname");
          }
         }

     })

}))

你可以使用一个div的id，然后像这样调用

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

    $(document).ready(function () {  
    {  
       var t=$("#id").text();
       alert(t);
       if(t==1)
          {
            $("#id1").addClass(".classname");
          }
       else
         {
         if(t==0)
          {
            $("#id1").addClass(".anotherclassname");
          }
         }

     })

在JSFIDLE上检查此示例


上面的代码在使用多个“字段集合容器”和修改奇偶元素时运行良好
在JSFIDLE上检查此示例


上面的代码在多个“字段集合容器”中运行良好，还可以修改奇偶元素
请查找下面的代码，我希望它能解决您的问题

$("div.content").find("div.field-item").each(function () {
                if ($(this).html() == 1)
                    $(this).addClass("evenDivClass");
                else if ($(this).html() == 0)
                    $(this).addClass("oddDivClass");
            });

请找到下面的代码，我希望它能解决您的问题

$("div.content").find("div.field-item").each(function () {
                if ($(this).html() == 1)
                    $(this).addClass("evenDivClass");
                else if ($(this).html() == 0)
                    $(this).addClass("oddDivClass");
            });

如果你真的只想在不同的类中交替使用fielditem div，你可以试试

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

它又短又快。
如果你真的只想在不同的类中交替使用fielditem div，你可以试试

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

它又短又快。
这里是一个javascript解决方案的示例

var fieldItems = document.querySelectorAll(".field-collection-container .field-item");

Array.prototype.forEach.call(fieldItems, function (fieldItem) {
    var text = fieldItem.textContent.trim();

    if (text === "0") {
        fieldItem.className += " Zero";
    } else if (text === "1") {
        fieldItem.className += " One";
    }
});

下面是一个javascript解决方案的示例

var fieldItems = document.querySelectorAll(".field-collection-container .field-item");

Array.prototype.forEach.call(fieldItems, function (fieldItem) {
    var text = fieldItem.textContent.trim();

    if (text === "0") {
        fieldItem.className += " Zero";
    } else if (text === "1") {
        fieldItem.className += " One";
    }
});

在
上，您可以显示示例o/p…更好地为每个分区使用id。。检索值会更容易。@Praveen-如何更好地使用id？因为很明显css类可以链接到多个元素，而id是唯一的，因为id是唯一的，您可以使用id标识符$（“#id_name”）轻松地选择它们。您可以显示示例o/p吗？更好地为每个div使用id。。检索值会更容易。@Praveen-如何更好地使用id？因为很明显css类可以链接到多个元素，而id是唯一的，因为id是唯一的，您可以使用id标识符$（“#id_name”）轻松地选择它们回答得很好！我将改进选择器：改用
.field collection container.field items.field item
，因为
.field item
在不同级别重复出现。或者，更好的是，OP修复了css类：）啊，谢谢。完成。-这是为了让OP了解在jQuery中解决此类问题的惯用方法。当然，人们总是可以用更多的代码行来解决问题回答得好！我将改进选择器：改用
.field collection container.field items.field item
，因为
.field item
在不同级别重复出现。或者，更好的是，OP修复了css类：）啊，谢谢。完成。-这是为了让OP了解在jQuery中解决此类问题的惯用方法。当然，人们总是可以用更多的代码行来解决问题为什么我们需要分别迭代
.field集合容器
，为什么不使用一个更好的选择器？例如，
$（'.field collection container.field items.content.field item'）。每个（…）
。如果OP只想添加一个类，@Tomalak-answer比imho（更简洁、更清晰）更好。是的，你是对的。这也是可能的。但是，如果需要对
.field collection container
进行任何处理，那么上面的代码将非常有用，并且很容易找到页面上有多少
.field collection container
。为什么我们需要分别迭代
.field collection container
，为什么不使用一个带有更好选择器的单个容器呢？例如，
$（'.field collection container.field items.content.field item'）。每个（…）
。如果OP只想添加一个类，@Tomalak-answer比imho（更简洁、更清晰）更好。是的，你是对的。这也是可能的。但是，如果需要对
.field collection container
进行任何处理，则上述代码将非常有用，并且很容易找出页面上有多少
.field collection container
。