javascript - 無関係な div が空の場合のテキストの変更

Question

event_wrapperのリンクをクリックしてページに動的に追加できるdivがありますadd-event。ユーザーは、これらの div を何度でも削除/追加できます。ユーザーがこれらの div をすべて削除することを選択した場合、event_wrapper内部のテキストを変更したいと思いますadd-event。HTMLは次のとおりです。

<div class="event_wrapper">
    <div class="event">
        <div class="well darkblue-background pull-left">
            <a class="close tooltip" data-tooltip="Delete this event"><i class="icon-remove"></i></a>
        </div>
    </div>
</div>


<div class="add-event pull-left">
    <a href="javascript:void(0);"> And Then...</a>
   </div>

（jQueryを使用しています）セレクターを使ってみ:emptyましたが、うまくいかないようです。助言がありますか？ありがとう！

Answer 1

見てください - https://stackoverflow.com/a/3234646/295852

そして、次contentChange()のように使用します：

$('.event-wrapper').contentChange(function(){
    if($(this).children().length > 0){
        // events exist
        $(".add-event pull-left").children('a').html('And Then...');
    } else {
        // no events
        $(".add-event pull-left").children('a').html('your text');
    }
});

Answer 2

  if($(".event-wrapper").html() == null) {//looking inside event-wrapper; if it contains any thing
    $(".add-event a").html("whatever");
  }

Answer 3

if(!$(".event_wrapper")){
    $(".add-event pull-left").html("Whatever text you want here"); //changes the text of the div
     //or
    $(".add-event pull-left").children('a').html("whatever text you want here"); //changes the text of the anchor child
}