Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获取最接近的左侧或右侧<;李>;来自指定的<;李>;内部a<;ul>;在jquery中_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何获取最接近的左侧或右侧<;李>;来自指定的<;李>;内部a<;ul>;在jquery中

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"> <

这是我的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">
  <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");
    }