在jQuery中获取对附加对象的引用?

时间:2014-01-01 10:02:33

标签: jquery

我有这个简单的html结构:(简单示例)

<div class='a'/>
 <div class='b'/>      <---┐  
 <div class='c'/>      <---├─  those 2 are dynamicly inserted

重要提示:此结构在我的网页中多次出现,我唯一知道的是第一个 div'.a'。

我需要找到'b'

旁边(必须)的div 'a'

我需要找到'c'

旁边(必须)的div 'b'

注意:我不需要.a。它只是寻找下一个项目的锚点。

所以,假设obj$(".a") - 我做了:

obj.next(".b").add( obj.next(".b").next(".c") );

但是这里 - obj.next计算两次。

enter image description here

问题:

有没有办法用参考蓝色部分替换黄色部分?

(缓存变量也是有效的解决方案,但我想知道jquery是否允许获取对附加元素的引用)。

3 个答案:

答案 0 :(得分:1)

这个怎么样,

obj.nextUntil(".c").not(obj);

obj.siblings('.b,.c')

DEMO

答案 1 :(得分:1)

尝试这样的事情

    var _b = obj.next(".b");
    _b.next(".c");

这就是你想要的

 obj.nextAll('.b,.c')

答案 2 :(得分:1)

尝试类似

的内容
var obj = $(".a");
obj.next('.b').next('.c').addBack().html(function () {
    return this.className
})

演示:Fiddle