Javascript 如何获取最接近的左侧或右侧<;李>;来自指定的<;李>;内部a<;ul>;在jquery中
这是我的html结构Javascript 如何获取最接近的左侧或右侧<;李>;来自指定的<;李>;内部a<;ul>;在jquery中,javascript,jquery,html,Javascript,Jquery,Html,这是我的html结构 <ul id="slider_donor" class="clearfix"> <li id="slider_3"> <li id="slider_4"> <li id="slider_5"> <li id="active-slide" class="active-slide"> <li id="slider_6"> <li id="slider_1"> <
<ul id="slider_donor" class="clearfix">
<li id="slider_3">
<li id="slider_4">
<li id="slider_5">
<li id="active-slide" class="active-slide">
<li id="slider_6">
<li id="slider_1">
<li id="slider_2">
</ul>
-
-
-
-
-
-
-
现在,我想获取最靠近表单左侧或右侧的id
这意味着从左侧id
应该是滑块5
,从右侧应该是滑块6
使用.next()
或.prev()
:
$('.active-slide').next().attr('id');
$('.active-slide').prev().attr('id');
使用.next()
或.prev()
:
使用.next()
和.prev()
$('.active slide').next().css('background-color','red');
$('.active slide').prev().css('background-color','green');
- xx
- xx
- xx
- xx
- xx
- xx
- xx
使用.next()
和.prev()
$('.active slide').next().css('background-color','red');
$('.active slide').prev().css('background-color','green');
- xx
- xx
- xx
- xx
- xx
- xx
- xx
上一位和下一位是你的朋友
var leftId, rightId, left, right;
var left = $(".active-slide").prev("li");
var right = $(".active-slide").next("li");
if (left.length > 0) {
leftId = left.attr("id");
}
if (right.length > 0) {
rightId = right.attr("id");
}
上一位和下一位是你的朋友
var leftId, rightId, left, right;
var left = $(".active-slide").prev("li");
var right = $(".active-slide").next("li");
if (left.length > 0) {
leftId = left.attr("id");
}
if (right.length > 0) {
rightId = right.attr("id");
}
太多的正确答案不知道该接受哪一个:)太多的正确答案不知道该接受哪一个:)
You can use .prev('li') and .next('li') selector for that
$('active-slide').prev('li').prop('id'); // slider_5
$('#active-slide').next('li').prop('id'); // slider_6
var leftId, rightId, left, right;
var left = $(".active-slide").prev("li");
var right = $(".active-slide").next("li");
if (left.length > 0) {
leftId = left.attr("id");
}
if (right.length > 0) {
rightId = right.attr("id");
}