如何使用jQuery在整个HTML代码中移除/禁用指定span类？

嘿，刚接触jQuery的话不用发愁～看你给的示例，是想处理那个带pagenum类的span标签对吧？我给你分几种常见情况说清楚，你按需选就行：

• 如果只是想移除span的pagenum类（保留span元素本身，只是去掉它的class属性），用jQuery的removeClass()方法就好：

  // 选中所有带pagenum类的span，移除该类
  $('span.pagenum').removeClass('pagenum');
  

• 如果想直接删掉整个span元素（连带着里面的[Pg 7]链接一起移除），用remove()方法：

  // 删除所有带pagenum类的span元素
  $('span.pagenum').remove();
  

• 如果想保留span里的内容（比如那个[Pg 7]链接），只移除span标签本身，可以用unwrap()方法，它会把span去掉，把内部元素直接放到父元素里：

  // 移除span标签，保留其内部的内容
  $('span.pagenum').contents().unwrap();
  

完整示例代码 #

把代码放到HTML里的话，记得先引入jQuery，然后在DOM加载完成后执行操作：

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script>
    // 等页面DOM加载完毕再执行操作
    $(document).ready(function() {
      // 这里替换成你需要的方法，比如移除整个span
      $('span.pagenum').remove();
    });
  </script>
</head>
<body>
  <p>Tatur mo commod ut ulluptataqui dolut accum, aut vendis simin rehenia que volestio eseria volo et eiusam, optaten dipiet hil id minctes nobis essit doluptibus et essint es ma volessi taspelibus. <span class='pagenum'><a name="Page_7" id="Page_7">[Pg 7]</a></span> Nam accus molendit estiae landuciis qui ipsa cus ea sunt ex et di blaccatest...</p>
</body>
</html>

内容的提问来源于stack exchange，提问作者Aman Mittal