Question

我认为这应该很容易。但是我只是无法绕过它..这是我的代码..在我的应用程序中，我选择了.scroller类。从那里我使用.parent（）来到#exerciseWrapper类。我的目标是h2标签。我不知道如何从这里继续下去没有任何作用。 find（）浏览整个DOM，children（）只浏览一个子..

$（'。scroller'）。parent（）有什么东西？嗯..

          var append='<div class="exerciseWrapper"><div class="allTextWrapper"><div class="headerWrapper"><h2 class="exerciseHeaderName">'+exerciseName+'</h2></div><div class="lastConfigUsedHeader">Last configuration used:</div><div class="lastUsedConfig">Sets: 10, Kg: 12302, Time:10.30</div></div><div class="scroller">'+ 
'<div class="divImgContainer"><img src="../images/exercises/logo.png" class="scrollImages"></div>'+
'<div class="divImgContainer"><img src="../images/exercises/MuscleGroup1.png" class="scrollImages"></div>'+
'<div class="divImgContainer"><img src="../images/exercises/logo.png" class="scrollImages"></div>'+
'<div class="divImgContainer"><img src="../images/exercises/MuscleGroup1.png" class="scrollImages"></div>'+
'<div class="divImgContainer"><img src="../images/exercises/logo.png" class="scrollImages"></div>'+
'<div class="divImgContainer"><img src="../images/exercises/MuscleGroup1.png" class="scrollImages"></div>'+
      '</div></div>'

Answer 1

实际上，find()仅枚举活动元素下的元素。来自jQuery API：

描述：获取当前集合中每个元素的后代匹配的元素，由选择器，jQuery对象或元素过滤。

你应该可以使用：

$('.scroller').parent().find('h2')

Answer 2

查找不会浏览您可以选择的整个DOM：

$('.scroller').parent('div.exerciseWrapper').find('div.headerWrapper h2')

Answer 3

$('.scroller').parent('div.exerciseWrapper').find('div.headerWrapper h2')

为我工作

轻松关于选择孩子和浏览DOM的Jquery

3 个答案: