用文本在div中找到div

Question

我没有粘贴所有div内容，因为它太长了

<div id="calendar_month">
    <div>
        <div></div>
        <div>DEMO</div>
    </div>
</div>

我试过这个

 $("#calendar_month").children().each(function () {
     if ($(this).text() == "DEMO") {
         $(this).text("");
     }
 });

Answer 1

你可以使用：contains（）

$( "#calendar_month div:contains('DEMO')" )

或者在您编辑OP之后：

 $( "#Calendar > div > div:contains('DEMO')" ).text(""); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <div id="Calendar"> <div> <div>test</div> <div>DEMO</div> </div> </div> 

或者在@BhushanKawadkar评论之后你可以使用.filter（） ：

 $( "#Calendar > div > div" ) .filter(function( index ) { return $(this).text() == "DEMO"; }).text(""); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="Calendar"> <div> <div>test</div> <div>DEMO</div> </div> </div> 

Answer 2

你div包含文本DEMO不是直接孩子div id为calendar_month 。 在您的HTML中， children()将仅返回第一个div。

使用find()

尝试：

$("#calendar_month").find('div').each(function () {
     if ($(this).text() == "DEMO") {
         $(this).text("");
     }
 });

DEMO

或者使用另一种方式（不推荐但只是发布逻辑）到这个特定的标记

$("#calendar_month").children().children().each(function () {
     if ($(this).text() == "DEMO") {
         $(this).text("");
     }
 });