jquery - 在 jquery 中测试空 div

Question

我有这个 jquery 代码，我想在可用数字div上添加一个测试，以查看它是否为空。如果是这种情况，我想删除它。有人可以帮我吗？

<script>
$(document).ready(function() {
    $("#teln_operatorbundle_centrextype_numberrange").change(requestNumber);
});

function requestNumber() {

    // alert("ok");
    $.get(('http://localhost/Symfony/web/app_dev.php/select/' + $("select#teln_operatorbundle_centrextype_numberrange").val()),
            function(data) {
                $('#availableNumber').html(data);
            }
    );
    if ($('#availableNumber').is(':empty')) {
        $('#availableNumber').remove();
    }
}
</script>

Answer 1

您可以检查#availableNumberdiv 中的文本，如果发现为空，请通过以下方式将其删除：

if($.trim($('#availableNumber').text()) == '') {
    $('#availableNumber').remove();
}

您可以使用$.trim()从上面的 div 中删除任何空格。

---

这也应该可以解决问题：

if($('#availableNumber:empty').length > 0){
   $('#availableNumber:empty').remove();
}

上面的行将删除#availableNumberif found empty。

Answer 2

var contents = $('#availableNumber');
if (!contents.children().length) {
    contents.remove();
}

Answer 3

你可以检查像

if($('#availableNumber').text().length < 1) {
    $('#availableNumber').remove();
}

这也应该覆盖空间