jquery后代第一个

### 使用 jQuery 选择第一个后代元素

为了选取特定父级下的第一个子代元素，可以利用 `:first` 伪类来实现这一目标[^2]。然而更推荐的做法是采用 `.eq(0)` 方法或是直接访问数组下标 `[0]` 来获取首个匹配项，因为这通常具有更高的可读性和性能表现。

下面是一个具体的例子展示如何通过 jQuery 获取某个容器内的第一个指定类型的后代元素：

// 假设要找 id='container' 下 class='.item' 的第一个实例
var firstItem = $('#container').children('.item:first'); // 使用 :first 选择器
console.log(firstItem);

// 或者使用 .eq() 方法
var firstItemEq = $('#container').children('.item').eq(0);
console.log(firstItemEq);

// 又或者是直接取索引为 0 的元素
var firstItemIndex = $('#container').find('.item')[0];
if (firstItemIndex) {
    console.log($(firstItemIndex));
}

上述三种方式都能有效地定位到所需的第一个后代元素，其中第三种方法返回的是原始 DOM 对象而非 jQuery 对象，在进一步操作前可能需要重新包裹成 jQuery 实例以便调用更多功能函数[^3]。

相关问题

使用jquery代码写出以下样式用ID选择器选取表格（table标签）里的内容，并通过后代选择器以及过滤选择器选取table下的第一行的内容，并给第一行内容添加背景色：yellow （2）用ID选择器选取表格（table标签）里的内容，并通过后代选择器以及过滤选择器找到表格中除第一行以外的偶数行，然后给选中内容添加背景色：蓝色（blue），字体颜色：白色（white）

1. 选取表格（table标签）里的内容，并通过后代选择器以及过滤选择器选取table下的第一行的内容，并给第一行内容添加背景色：yellow：

$("#tableId tr:first-child").css("background-color", "yellow");

其中，tableId 为表格的 ID。

2. 选取表格（table标签）里的内容，并通过后代选择器以及过滤选择器找到表格中除第一行以外的偶数行，然后给选中内容添加背景色：蓝色（blue），字体颜色：白色（white）：

$("#tableId tr:not(:first-child):even").css({"background-color": "blue", "color": "white"});

其中，tableId 为表格的 ID。`:not(:first-child)` 表示除第一行以外的所有行，`:even` 表示偶数行。