Question

使用.eq（）之后我不知道如何继续使用我的CSS选择器来寻找“Happy World”并最终点击它。

使用Chrome开发工具控制台，我输入了：

$('.search-cell').eq('0')

并且选择器工作并在控制台上返回以下HTML：

<div class="search-cell">

  <div class="media-img">
    <img src="image.jpg">
  </div>

  <div class="media-body">
    <h1 class="title">Happy World
        <span class="badge">1st</span>      
    </h1>
    <h2 class="subtitle">Balloon flyer</h2>
  </div>

</div>

我试过了：

$('.search-cell').eq('0').children('.media-body')

然后它返回[]。

我的思想包含了XPATH概念，所以我最终想到它会是这样的：

$('.search-cell').eq('0').(Not sure what to put?????).trigger('tap)

.eq（）之后我错过了什么？

Answer 1

使用jQuery的find来获取由“media-body”选择器过滤的元素的后代。

$('.search-cell').eq('0').find('.media-body');

我创建了一个Codepen example，可以打印来控制元素的文本。

例如

console.log($('.search-cell').eq('0').find('.media-body').text());

潜在的不合时宜的说明： 此外，正如@BoltClock在评论中指出的那样，您正在尝试与其他选择器'.searchtable'进行匹配，后者在示例代码中不存在。我为我的例子编辑过。

在.eq（）之后如何继续寻找选择器？

1 个答案: