jQuery使用img标签从DIV中提取文本

Question

我想从以下HTML中提取文本：

<div class="text_with_icon"> my text <img src="https://example.com/logo.png" alt="mylogo"> </div>

我尝试简单地使用'.text（）'：

my_data = $('div.text_with_icon').text();
$('div.my_output_class').text(my_data);

但是网站上的输出是纯文本：

my text <img src="https://example.com/logo.png" alt="mylogo">

以下代码段：

my_data = $('div.text_with_icon').text();
$('div.my_output_class').text(my_data);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="text_with_icon"> my text <img src="https://example.com/logo.png" alt="mylogo"> </div>

<div class="my_output_class"></div>

如何使输出内容简单地为“我的文字”？

Answer 1

您不必使用“ div.text_with_icon”。

按照下面的代码，通过此代码，您只会得到文本。 “我的文字”

$(document).ready(function(){
var text1=$(".text_with_icon").text();
alert(text1); //alert
console.log(text1); //console (press f12 to see returned value on console)
});