定位父div不起作用

时间:2017-03-27 08:56:07

标签: javascript jquery

当在div中单击按钮时,我无法定位父div,它假设目标div为itemsMainDiv

以下是单击按钮时使用的代码

<div class="Carousel" data-items="1,3,5,6" data-slide="1" id="itemsMainDiv">
<div class="row">
   <div class="col-md-6">
      <h4 class="txtlabel">More Books By Same Author</h4>
   </div>
   <div class="col-md-6 CarouselNav" style="margin-top:-20px;text-align: right;"> 
      <button id="leftLst" class="btn btn-primary leftLst"><</button>   
      <button id="rightLst" class="btn btn-primary rightLst">></button> 
   </div>
</div>
<br/>
<div class="Carousel-inner">
------
------
------

Screenshot of Code comparison

Jquery代码

 function click(ell, ee) {
   alert("ell="+ell+", ee=" + ee); 
   var Parent = "#" + $(ee).parent().attr("id");
   alert("---Parent="+Parent);
   var slide = $(Parent).attr("data-slide"); 
   ResCarousel(ell, Parent, slide);
}

我尝试过:   var Parent = "#" + $(ee).parent('div:first').attr("id"); //给出null,

示例来自:http://bootsnipp.com/snippets/zDQkr在此演示示例中,滚动按钮位于下方。从我的代码中,我试图把它放在旋转木马上面。

1 个答案:

答案 0 :(得分:1)

使用.closest查找您想要定位的类Carousel最近的父div ..在放入dis之后您不必担心DIV的数量

function click(ell, ee) {
   alert("ell="+ell+", ee=" + ee); 
   var Parent = "#" + $(ee).closest(".Carousel").attr("id");
   alert("---Parent="+Parent);
   var slide = $(Parent).attr("data-slide"); 
   ResCarousel(ell, Parent, slide);
}