在 jquery 中獲取除特定類或 id 之外的文本

Question

我想從 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();

在text我I am posting a new question in stackoverflow 。 但我想要的輸出是I am posting a new question 。 我不想要內部跨度。 任何人都可以在這里幫助我。 謝謝：）

Answer 1

你很接近。 只需find並remove該元素

 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

試試這個：

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

在您的示例中，您只是從元素中刪除類，而不是元素本身。

Answer 3

您需要刪除元素，而不是刪除類。

 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>