用于选择内容的URL查询字符串

我有许多页面上的课程列表如下:

<div class="et_pb_module">Page Title</div>
<div class="insert-after"></div>
<div class="lesson-container">
   <div class="et_pb_module">
      <div class="content">
        Lesson 1
      </div>
   </div>
   <div class="et_pb_module">
      <div class="content">
        Lesson 2
      </div>
   </div>
   <div class="et_pb_module">
      <div class="content">
        Lesson 3
      </div>
   </div>
   <div class="et_pb_module">
      <div class="content">
        Lesson 4
      </div>
   </div>
</div>

如果在URL的查询字符串中调用了一个特定的课程,我只希望该课程显示在页面上:

例如。 foo.com/lessons?lesson1 应仅显示“第1课”

我在jQuery中使用了一个IF语句,它可以做到这一点:

if (window.location.href.indexOf("?lesson1") > -1) {
        $('.et_pb_module').hide();/*Hide all lessons*/
        $('.lesson-container .et_pb_module:nth-of-type(2) .content ').insertAfter('.insert-after'); /*Select content from first lesson and place it at top of the page after 'insert-after'*/
 }

这可以很好地工作,但将涉及我必须剪切并通过上面的操作多达九次,更新查询字符串和 :nth-of-type 选择器每次创建大量重复代码。

有没有一种方法可以使用数组来压缩这个过程?

感谢您的反馈。