在 jquery 中获取除特定类或 id 之外的文本

Question

I want to extract text from html div.

<div id="example">
  I am posting a <span class='outer'>a new question <span class='inner'>in stackoverflow</span></span>
</div>

const text = $("#example")
              .clone()
              .children()
              .removeClass("inner")
              .end()
              .text();

In text i am getting I am posting a new question in stackoverflow . but i want output would be I am posting a new question . I don't want the inner span. Anyone can help me here. thanks:)

Answer 1

You were close. Just find and remove that element

 const text = $("#example") .clone() .find('.inner') .remove() .end() .text(); console.log(text)

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="example"> I am posting a <span class='outer'>a new question <span class='inner'>in stackoverflow</span></span> </div>

Answer 2

Try this:

let clone = $("#example").clone();
clone.find('.inner').remove();
let text = clone.text();

In your example, you're just removing the class from the element, not the element itself.

Answer 3

You need to remove the element, not remove a class.

 const text = $("#example") .clone() .find(".inner") .remove() .end() .text(); console.log(text);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="example"> I am posting a <span class='outer'>a new question <span class='inner'>in stackoverflow</span></span> </div>