如何在段落内找到跨度元素并在 jQuery 中恢复选择？

本文的目的是找到段落内的跨度元素，并使用 Jquery 将选择还原回来。简单来说，我们只需要找到 span 元素。在选择 span 元素后，我们必须结束最近的操作，即选择 span 元素，然后应用一些 CSS 样式以显示恢复选择操作已成功完成。

方法：

• 使用段落元素中的 span 元素创建 HTML 页面。
• 使用 .find() 方法查找所有 span 元素。
• 现在回到寻找span元素的操作。
• 最后应用一些 CSS 来显示操作已恢复。

使用方法：

1. . Find() 方法：该方法用于返回被选元素的后代元素。
2. . end() 方法：此方法用于恢复最近的破坏性操作，将匹配元素集更改为破坏性操作之前的先前状态
3. . css() 方法：此方法用于为所选元素设置或返回一个或多个样式属性。

例子：

HTML

  
    
    
    
    
      body {
        text-align: center;
        font-size: 30px;
      }
      p {
        margin: 10px;
        padding: 10px;
      }
      button {
        background-color: #4caf50; /* Green */
        border: none;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
      }
    
  
  
    GeeksForGeeks
  
    
      This part is in the span element. 
       This part is not in the
      span element.
    
  
    Click to see the effect
    
      $("button").click(function () {
        $("p").find("span").end()
              .css("background-color", "lightgreen");
      });
    
  

输出：

说明：第一个操作是在段落元素中找到span元素。第二个操作是恢复选择操作。在那之后，CSS 样式不是在 span 元素上完成的，而是在整个段落元素上完成的。