选择两个p元素之间的所有元素

要确定哪个元素首先出现,只需执行以下操作:

$(a).index() < $(b).index()

或者,稍微快一点的方法:

$(a).prevAll().length < $(b).prevAll().length

a 和 b

天气怎么样 <p> p1 , p2

compareDocumentPosition 在domlevel3中定义,用于比较两个DOM节点的位置。

您可以将其用作:

firstPara.compareDocumentPosition(otherPara);

如果返回值为 2 Node.DOCUMENT_POSITION_PRECEDING firstPara 在前面 otherPara .

还有一个 jQuery plugin 为了它。

<parent>
  <p data-pos="1">..</p>
  <p data-pos="2">..</p>
  ..
</parent>

访问方式 $(e).attr('data-pos')

 <div id="test">
          <p>abc</p>
          <p>def</p>
          <p>ghi</p>
          <p>jkl</p>
        </div>

    <script>
    var a = $('#test').find('>p');
    var cli = [], range;
    $('#test').delegate("p",'click', function(event){
            if (cli.length < 2){//if there are less than 2 clicks in the queue
              cli.push(a.index(event.target));
            }
            else{//reset queue and recall the function
                cli = [];
                arguments.callee(event);
            }

            if (cli.length == 2){//if there are 2 clicks
             //filter from the initial selection only the elements between the two clicks
             range = a.filter(":lt("+cli[1]+"):gt("+cli[0]+")");
             if (cli[0]<cli[1]) {//aply some style to highlight and then revert
              range.css({color:'red'});
              setTimeout(function(){range.css({color:'black'})}, 1000);
          }
            }
    });
    </script>