![](/img/trans.png)
[英]How to simultaneously select adjacent element before and after it using jquery?
[英]How to select element with specific ID before / after current element using jquery?
我有一个包含多个DIV的网站,这些DIV具有相同的元素,没有组织...
例如:
<div>
<div id='abc_152142'>
</div>
<div id='abc_2353253'>
</div>
<div id='abc_3421121'>
</div>
</div>
<div>
<div id='abc_44211241'>
</div>
</div>
<div>
<div id='abc_541221421'>
</div>
</div>
<div>
<div id='abc_654354'> // --> THIS ONE IS SELECTED
</div>
<div id='abc_754335'>
</div>
<div id='abc_845345'>
</div>
</div>
因此,在代码中写的我在id'abc_654354'并且想要在当前元素之前和之后获得具有相同ID的元素。
我努力了:
$(this).prev("div[id^='td_']");
$(this).next("div[id^='td_']");
那没有给我任何结果......
ID是随机的,它们唯一的共同点是ID的开头(在本例中我使用了td_
)。
谢谢你的帮助!
您只需根据jQuery集合中的索引选择元素:
var $e = $('div[id^="td_"]');
var i = $e.index(this);
var $before = $e.eq(i - 1);
var $after = $e.eq(i + 1);
如果此前的行为为:
<div>
<div id='abc_541221421'>
</div>
</div>
<div>
<div id='abc_654354'> // --> THIS ONE IS SELECTED
</div>
<div id='abc_754335'>
</div>
<div id='abc_845345'>
</div>
</div>
是否返回<div id='abc_541221421'>
:
function getPrevious(){
var previous = $(this).prev("div[id^='abc_']");
if (previous.length > 0)
return previous;
return $(this).parent().prev().find("div[id^='abc_']:last")
}
并为下一个:
function getNext(){
var next = $(this).next("div[id^='abc_']");
if (next.length > 0)
return next;
return $(this).parent().next().find("div[id^='abc_']:first")
}
这是小提琴。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.