学习笔记：《jQuery基础教程》第四版第二章课后练习

最新推荐文章于 2022-08-16 17:40:25 发布

illuSioN4ng

最新推荐文章于 2022-08-16 17:40:25 发布

阅读量2.8k

点赞数 1

分类专栏： jQuery基础教程

本文链接：https://blog.youkuaiyun.com/la413972057/article/details/48977045

版权

jQuery基础教程专栏收录该内容

6 篇文章

订阅专栏

本文记录了学习《jQuery基础教程》第四版第二章的过程，详细阐述了如何进行课后练习，包括给嵌套列表的特定元素添加特殊类、表格单元格的类操作，以及针对特定文本和链接的jQuery选择器应用。同时，提出了两个挑战题目，涉及选择列表项和找到.pdf链接的最近祖先元素并添加类。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近抽时间系统的学习下jQuery相关知识，看看《jQuery基础教程》。顺便把课后练习的代码整理发上来看看。

给位于嵌套列表第二个层次的所有<li>元素添加special类；
给位于表格第三列的所有单元格添加year类；
为表格中包含文本Tragedy的第一行添加special类；
*挑战：选择包含链接(<a>)的所有列表项(<li>元素)，为每个选中的列表项的同辈列表项元素添加afterlink类;
挑战：为与.pdf链接最接近的祖先元素<ul>添加tragedy类

$(document).ready(function() {
  $('#selected-plays > li > ul > li').addClass('special');
  //$('#selected-plays ul > li').addClass('special');
  //$('#selected-plays ul ul > li').removeClass('special');
  $('tr').find('td:eq(2)').addClass('year');
  $('td:contains(Tragedy)').parent().filter('tr:eq(0)').addClass('special');
  //$('tr:contains(Tragedy)').filter('tr:eq(0)').addClass('special');
  //$('a').parent().parent().children().not('li:has(a)').addClass('afterlink');
  $('a').parent().siblings().not('li:has(a)').addClass('afterlink');
  console.log($('#email').parent().siblings());
  $('a[href$=".pdf"]').parents('ul:eq(0)').addClass('tragedy');
});

效果请点击