使用jQuery检查某个元素是否是另一个元素中的第一件事

Question

Is there a way to check if a child div is the first item of the parent div ?

For example:

<div id="parent">
   Some text                   <--------- not the first thing in the div
   <div id="child"></div>
</div>

Or

<div id="parent">
   <div id="child"></div>      <--------- is the first thing in the div
   Some text
</div>

Answer 1

Something like

var isFirst = $('#child').is($('#parent').contents().filter(function () {
    return this.nodeType != 3 || $.trim(this.nodeValue) != ''
}).first())

Demo: First , Not

There are few conditions to check

1. need to test text nodes so have to use .contents()
2. since empty text nodes has to be left alone need to use filter to filter empty text nodes out