jQuery实战：16个常见问题解决方案

1、为嵌套列表中所有第二级的

• 元素添加一个名为 special 的类。

以下是调整为 Markdown 格式的文本内容：

可使用 jQuery 选择器定位到嵌套列表中第二级的 <li> 元素，然后为其添加 special 类。示例代码如下：

$(() => {
  $('#selected-plays > li li').addClass('special');
});

此代码先等待 DOM 加载完成，然后使用选择器找出 #selected-plays 下直接子元素 li 里的 li 元素，即第二级的 <li> 元素，并添加 special 类。

2、为表格第三列的所有单元格添加一个名为 year 的类。

可使用 jQuery 实现，代码如下：

$('table td:nth-child(3)').addClass('year');

3、给包含单词 ‘Tragedy’ 的第一个表格行添加类 ‘special’。

可使用 jQuery 代码 $('tr:contains(Tragedy)').first().addClass('special'); 来实现该需求。

4、选择所有包含链接（ ）的列表项（

• ），并为这些被选中列表项之后的兄弟列表项添加类名 afterlink。

以下是实现该功能的 jQuery 代码：

$('li:has(a)').nextAll().addClass('afterlink');

5、给任何 PDF 链接的最近祖先

• 元素添加类名 ‘tragedy’。

可使用 jQuery 实现，代码如下：

$('a[href$=".pdf"]').closest('ul').addClass('tragedy');

6、修改样式表，使页面内容在初始时隐藏。当页面加载完成后，让内容缓慢淡入显示。

• 可在样式表中设置页面内容元素的 display 属性为 none 来隐藏内容。
• 在 jQuery 代码中使用 $(document).ready() 函数，当页面加载完成时，使用 .fadeIn('slow') 方法让内容缓慢淡入。

示例代码如下：

在样式表中：

body * {
  display: none;
}

在 JavaScript 中：

$