使用JQuery在页面上的第一个元素中选择第一个出现的子项?

时间:2018-02-21 15:36:32

标签: javascript jquery jquery-selectors load selector

我想在gt()方法中使用.load()选择器。这可以实现吗?

目前,我正在寻找一种解决方案,允许我在调用.children(':gt(0)')后应用.entry:first选择器。

到目前为止,这是我的进展:

$("#embed-content").load("https://URL.com/page/ .entry:first .children(':gt(0)')", function(data) {});

请注意,加载源中的第一个元素并不总是div,并且不会始终包含相同的ID或类,这些方面会有所不同。

1 个答案:

答案 0 :(得分:1)

.entry:first .children(':gt(0)')将是.entry:first > :gt(0)>是直接子组合子,当然:gt(0)是“大于索引0”。

我认为这不是你想要的。你在评论中说过:

  

我正在尝试从加载的页面源中选择第一个.entry div中的第一个子元素。

:gt(0) 跳过第一个这样的元素,而不是选择它。要选择它,您需要:.entry:first > :first

$(".entry:first > :first").css({
  color: "green",
  fontWeight: "bold"
});
<div class="entry">
  <span>first child of first .entry</span>
  <span>second child of first .entry</span>
</div>
<div class="entry">
  <span>first child of second .entry</span>
  <span>second child of second .entry</span>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>