如何使用JQuery查找element1或element2的第一个实例？

Question

我将如何获取INS元素的第一个实例或DEL元素的第一个实例，具体取决于首先显示哪个？

使用jQuery，我可以使用它来获取div中每个元素的第一个：

$("#output").find("ins").first();
$("#output").find("del").first();

在以下html中：

<div id="output">
   This is some text with some <ins>added text</ins> or maybe some <del>deleted text</del>
</div>

我想获得INS元素，因为它首先出现。

但是在这个版本中：

<div id="output">
   This is some <del>deleted text</del> and also some <ins>added text</ins>.
</div>

我想获得DEL元素，因为它首先出现。

有什么想法吗？

Answer 1

$("#output").find("ins,del").first();

Answer 2

如果它始终是#output中的第一个元素，那么你可以这样做：

$('#output > *').eq(0)

http://jsfiddle.net/6Tevh/

Answer 3

$("#output1 > ins,#output1 del").first()

http://jsfiddle.net/a6dLH/