Проверить див на пустоту и выполнить действие

260

19 августа 2017, 01:54

Есть отправка комментариев,нужно проверить пустой ли див ,и если он пустой то не отправлять комментарий.Цель сделать ,чтобы пустые комментарии не отправлялись.Изначально нужно проверить div на пустоту,если он пустой ничего не делать.

$(document).ready(function() {
    $(".commen-text").submit(function() {
        if($(".KEmoji_Input div").val()=="") {
                $(this).remove();
        }
    });
 });

<div class="story-wrap">
    <div class="commen-text">
        <div style="width: 100%; margin-bottom: 30px; height: 80px !important;" id="{{STORY_ID}}but" onkeyup="postComment($('#{{STORY_ID}}but .KEmoji_Input div').html(),{{STORY_ID}},{{PUBLISHER_ID}},event);"></div>
        <p class="hideshow">Введите сообщение...</p>
    </div>
   <button onclick="postCommentButton($('#{{STORY_ID}}but .KEmoji_Input div').html(),{{STORY_ID}},{{PUBLISHER_ID}},event)" class="send-comm">Отправить</button>
</div>

Answer 1

Есть псевдо-селектор :empty

$('.isEmpty:empty').remove();

.isEmpty { 
width:100px; 
height:100px; 
background:#fe4; 
margin:5px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="isEmpty"></div> 
<div class="isEmpty">not</div> 
<div class="isEmpty">not</div>

Answer 2

Сделал чуть по другому

$('html').keydown(function(e){
    var kemojidiv = $('.KEmoji_Input div');
    if (event.keyCode == 13 ) {
    if (kemojidiv.html() == 0 ) return false;
    $('.send-comm').click()
    kemojidiv.html()
    }
});