javascript - 当不相关的 div 为空时更改文本

Question

我有一个 div event_wrapper，可以通过单击 add-event 中的链接动态添加到页面上。用户可以根据需要多次删除/添加这些 div。如果用户选择删除所有这些 event_wrapper div，我想更改 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');
    }
});