jQuery：查找下一个不是兄弟元素的元素

假设我有以下 HTML：

<span>
    <span id="x1" class="x">X1</span>
</span>
<span>
    <span>
        <span id="x2" class="x">X2</span>
    </span>
</span>

And $(this) is the <span id="x1" ...>.

找到下一个元素匹配的最佳方法是什么.x用 jQuery？
实际文档的结构是不可预测的，因此提供的 HTML 仅作为示例。

我不能使用nextAll因为它只找到兄弟姐妹。
如果我做$('.x')，它找到了所有内容，但我必须迭代/比较。
有更好的解决方案吗？

也可以看看：http://jsfiddle.net/JZ9VW/1/ http://jsfiddle.net/JZ9VW/1/.

选择所有具有类的元素x，计算当前元素的索引，得到索引+1的元素：

var $x = $('.x');
var $next = $x.eq($x.index(this) + 1);

这是可行的，因为元素是按文档顺序选择的。您只需选择全部即可.x页面加载后的元素（如果它们不是动态创建的）。