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

Question

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

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

这是我目前的进展：

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

注意，加载源的第一个元素并不总是div，也不总是包含相同的 id 或类，这些方面会有所不同。

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