javascript - 检查 div 之后是否存在某些内容

Question

只是想知道，我可以做什么来检查 div 之后是否存在任何内容。 在本例中，这种情况下应该返回 True :

http://jsfiddle.net/BsqTg/1/

http://jsfiddle.net/BsqTg/2/

在这种情况下应该返回False:

http://jsfiddle.net/BsqTg/3/

我尝试使用 $('#text').next().length ，但不起作用。特别适用于第一个示例。

Answer 1

但是不确定是否存在更短的方法:

var text = $("#text"), 
    hasNext = !!(text.next().length || (text[0].nextSibling && $.trim(text[0].nextSibling.nodeValue)));

基本上，我们首先检查是否存在使用 next() 的任何 Element 节点。 (因此，<br/>或其他元素)如果有，那就足够了。否则，我们检查是否有 nextSibling对象，并且它的值不是空字符串(因此不考虑任何空格)。