检查<ul>中是否存在<li>并且不显示ajax内容

Question

我有Jquery Ajax的这个函数：

$(function() {    
  setInterval(function(){ 
$.ajax({
//ajax code
 success: function(datax){
    $( "#messages" ).append(datax);
 },
//ajax code
});
  }, 1000);
});

输出结果为：

<li>123</li>

以下代码中的<li>完全相同：

<ul id="messages">
  <li>123</li>
</ul>

如果<li>存在，怎么不显示？

谢谢！

Answer 1

$(function() {    
    setInterval(function(){ 
        // ajax code
        $('#messages li').is(':visible') ? $('#messages').hide() : $('#messages').show()
    }, 1000);
});

您可能也想查看datalists。